把阿里图标库的图标生成代码并应用于项目中

阿里图标库地址：https://www.iconfont.cn/
1.根据所需搜索到想要的图标，点击添加至购物车

 2.点击购物车

 

 

 

3.点击添加至项目

  

 

 

 4.选择添加到一个项目里面，点击确定

 

 

 5.修改图标的颜色、那条描边的距离。。。等。

 

 

 

 

 

6.点击font class 的选项，可以看到你添加过的图标，下面的英文对应的是图标代码，点击下载至本地。

 

 7.解压文件

 

 

 

 8、删除demo.css和demo_index.html二个文件

 

 

 9.引用iconfont.css至你的前端项目 请注意引用文件路径的正确性。

 

 

 

 

10.使用的时候

第一个类名是固定的iconfont 第二个类名是你所需要的类名，取自于fontClass代码