把图标用字体的形式出现把大量的图标变成了一个字体文件，缩小了申请数，而且无效减小申请体积。当一个网页有本人的图标字体库之后，能够复用在很多中央，缩小很多二次开发老本

实现font-awesome或其他字体旋转动画操作

1. 进入网站 进入网站 Iconfont-阿里巴巴矢量图标库。 2. 如何使用 打开下载好的压缩包，可以看到里面长这个样子：

直接使用icon-class填iconfont上的后缀名，如图标名为icon-download，则填download

也支持预览 阿里iconfont 中的三种模式，unicode，Font class，Symbol。根据在线字体链接即可解析预览其定义的所有icon。

对于前端而言，图标的发展可谓日新月异。从img标签，到雪碧图，再到字体图标，svg，甚至svg也有了类似于雪碧图的方案svg-sprite-loader。雪碧图没有什么好讲的了，只是简单地利用了background-position来做图标定…

使用前的准备和三种使用方式介绍，参考这里 开始使用： 点击下载到本地 在了路径 src/assets 下新建文件夹 iconfont ，用来存放字体图标的本地文件 解压下载到本地的字体图标文件，放到 iconfont 文件夹下 如过项…

使用阿里巴巴矢量图标库 在线使用案例 三种使用方式介绍 使用准备 进入 阿里巴巴矢量图标库 ，登陆以后，搜索需要的图标，然后点击添加入库 进入“我的图标库”（右上角购物车），点击添加至项目 点击 + 图标创建一…

1.在阿里图标库中找到需要的图标并加入项目 2.把项目下载项目到本地 3.在本地打开下载的目录将 iconfont.css文件改为iconfont.wxss复制到项目中 4.在app.wxss中引入iconfont.wxss 5.在阿里图标库我的项目中 点击…

最近在使用在Element-UI的时候发现其图标太少了，连常用的reset，people之类的图标都没有，于是想引入第三方的图标库进行使用。在网上查找了资料后成功引入，下面就是我的引入流程：