1、iconfont图标库网址： https://www.iconfont.cn/home/index 将自己需要的图标加入购物车 打开购物车点击添加到项目 打开项目点击项目设置 选择font class选项，保存到本地 ...

原文：https://www.jianshu.com/p/38262f18eee2 1.打开iconfont阿里巴巴官网https://www.iconfont.cn 2.新建项目(这样方便后期维护图标库 ...

iconfont是很多设计以及前后端人员编写页面时经常用到的网站，阿里不仅为我们提供了免费的图标库，并且有一套完整的图标库体系。很多初学者只知道从图标库中下载图标放入项目中，但在实际项目应用中，过多的图片会导致页面加载速度的变慢以及很多其他问题。今天我介绍一下如何使用Iconfont建立项目并使用 ...

Vue、Element-ui项目中如何使用Iconfont(阿里图标库) https://blog.csdn.net/qq_32113629/article/details/79740949 ...

element-ui自带的图标特别少，不能满足项目开发的需要，这就需要引入第三方图标库了。 Iconfont-阿里巴 ...

第一步 下载样式http://www.iconfont.cn/选择图表，点击加入购物车 第二步 解压下载文件 第三步 修改文件名称 与 iconfont.css 名路径 第四步 将@font-face 拷贝到原 iconfont.css 中 ...

1、首先找到合适图标，然后点击添加入库，接着点击右上角的购物车图标。 2、你刚才选择的图标就能在侧边栏看到了，选择要加入的项目（提前建好的项目），点击确定。 3、进入我的项目页面，就能看到所有选择好的图标，点击下载至本地按钮。 4、文件解压后，将所有文件复制到如下目录 ...

在上一篇文章中介绍了如何在vue项目中使用vue-awesome，如果你想了解，请移步《vue项目中使用vue-awesome》 这里介绍一下vue项目中如何使用阿里的iconfont图标库，先看一下官网 可以看到有将近两百万的图标量，可以说我们想要的矢量图图标这里大部分都是有的，下面直接 ...