一、社区网站： 1、思否segmentfault {代码...} 2、CSDN {代码...} 3、掘金 {代码...} 4、V2EX {代码...} 5、开源中国 {代码...} 6、51CTO {代码...} 7、开发者头条 {代码...} 8、GitChat {代码...} 9、博客园 {代码...} 10、简书 {代码...} 11、stackoverflow {代码...} 二、工具类1、TinyPNG {代码...} 2、在线工具 {...

Iconfont 是阿里提供了一个图标库，你可以想象成是一个售卖图标的超市，挑选你需要的图标放入购物车，然后 Iconfont 会为你打包你购物车里的图标，自动生成一种新的字体，你可以选择下载到本地，在你的项目中引入这种字体，这样即便没有网络的情况也可以使用图标。

本文记录一下在小程序项目中使用iconfont-阿里巴巴矢量图标库的步骤流程，忘了时候可以看看第一步，访问网站并登录网站地址：[链接]登录（注册）略过...第二步，搜索所需图标，并加入购物车图一：图二：图三：图四：第三步，选择Font class形式，并生成代码图一：图二：图三：第四步，将生成的代码粘贴到文件目录中去第...

2.选择完所有要用的图标后“存储为项目”，给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目，获取在线链接，把里面的代码复制到CSS中。

阿里巴巴矢量图标库地址:[链接]第一步:输入你想要的图标加入购物车第二步:点击右上角购物车第三步:点击添加到项目第四步:点击更新代码,然后点击下载到本地第五步:windows+R,cmd打开dos窗口,执行命令npm install -g iconfont-tools,会生成一个iconfont-tools第六步:然后把在阿里巴巴矢量库下载的压缩包解压,取出里面的ico...

列表项目 首先进入阿里巴巴矢量图标库的官方网址：[链接] 一、选择其中一种方式登录。 二、点击导航栏上面的“图标管理”新建项目 新建项目会弹出一个弹出框 三、返回图标库，挑选开发中需要用到的图标，并加入购物车可以通过搜索框搜索关键字，快速找到对应的图标 1.加入购物车 2.添加至项目 3.生成代码 回到之前创建的项...

自制图标 打开Iconfont 阿里巴巴矢量图标库 点击右上角上传，将SVG格式的图标上传上去，图标长宽需相等，内容物居中，距边缘距离适中 改名称和标签为有语义的英文，可选去除颜色提交 批量添加到购物车，下载代码。 下载的文件中有demo，可根据兼容性需求选择不同的形式使用，demo中有具体代码 将.eot .svg .ttf .woff 四...

1、注册登录阿里矢量图标库： [链接] 2、上传svg图标，或者在iconfont查找需要的图标加入购物车； 3、加入项目； 4、vue项目中引用图标：index.html，如入如下 {代码...} 复制font class:icon-zhuhuguanli 和公共class:iconfont,可通过iconfont设置图标样式大小 {代码...}

其实大部分坑在 uni-app在官网都有介绍 具体位置在 在 uni-app 中使用 Vue.js 模块 官方文档中总结了很多坑，但我只说一下我今天遇到的： 坑1：uni-app不支持vue中的过滤器 解决办法：从后台获取数据后始用js对数据进行处理， 例子: 始用过滤器时： {代码...} 始用uni-app: {代码...} 坑2: uni-app中vuex使用的区别 uni-...

但这种方式有一个弊端，就是图片放大后，或者在高分辨率的显示器下面会变得模糊，导致不够清晰，对于一个有高要求高标准的场景而言，显然是不够的，于是团队讨论，决定用上Iconfont，这是一种矢量图片库，由UI小姐姐将图片传到阿里Iconfont网站，然后前端下载并引入即可，非常方便。

Iconfont.cn是阿里巴巴推出的矢量图标库，其中涵盖了1000多个常用图标，并在持续更新中。（目前已有7000+图标，部分图标为用户上传，因此默认不公开，但是可以搜索到。）

这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【如何使用IconFont？——矢量图标】   1.背景介绍 网上的一些小图标除了可以使用css精灵图制作外，还可以使用现在比较热门的ic...

2024年 5 个优秀的Flutter图标库视频[链接][链接]前言原文 top-5-flutter-icon-libraries-202 best flutter icon library作为Flutter开发者,您一定需要优质的图标资源来美化应用程序。虽然官方提供了 material icon ，但是有的时候想换换风格。本文为您推荐2024年度5个最佳Flutter图标库,包括Heroicons、Phosphor、Icons...

前言最近，在项目的开发中，我们规划了一个 Icon 组件，我们希望通过这个组件，能直接同时使用多种图标库的图标（一种语法,实现无限的图标扩展和高度兼容性）并且，实现该 Icon 之后，理应还有一个图标选择器，可以加载出不同图标库的所有可用图标，方便直接选择使用，完整代码在文末提供。

优化工具 JPG、PNG压缩工具：在线编辑网站 SVG在线压缩：在线编辑网站 在线制作favicon 在线检测兼容性Can I Use 不同浏览器hack一览网站 CSS normalize 调试工具 调试网站模拟不同系统是所需虚拟机：Virtual Box、VMware Windows不同系统镜像（包含不同的IE浏览器版本） 安卓模拟器 浏览器同步测试工具BrowerSync 在线...

1.首先登陆阿里云矢量图标库，把需要的字体图标加入到自己的项目中2.将项目下载到本地，并解压到项目中3.在vue项目下的资源文件夹下新建iconfont文件夹，将下载后的文件解压将一下文件拷贝到项目的iconfont文件夹下，4.在main.ts中引入iconfont.css和iconfont.js，如果不使用多色图标的话可以不用引入iconfont.js文件imp...

今天在segmentfault平台上创建一个博客，想要添加segmentfault的Subnav图标，在主题配置文件_config.yml中开启配置，发现却显示空白图。经过一系列折腾，终于把问题解决了，这里分享一下解决方法。PS：笔者主要学习方向始终是嵌入式，web前后端开发了解不多，涉及理论方面不做任何解释。

Font Awesome提供可缩放的矢量图标，用户可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

首先说一下ico文件的作用：ico是windows的图标文件格式，可以用于浏览器首段图标显示，也可以用于Windows软件。我的话一般用来美化文件夹图标。比如像这样：

最近参加了2017ife的一个任务----自定义checkbox， radio样式，花了半天时间，摸索出了一条制作雪碧图的路径，跟大家分享，如果有更好的制作雪碧图的方法，希望告知一下，在此感谢。