项目中使用阿里图标

1、阿里图表网站

https://www.iconfont.cn/

2、注册登录

3、创建项目

4、查找想要的图标，加入购物车

5、把所有需要的图标均加入购物车，单击购物车，按下图，把图标加入到项目中

6、进入到项目中，修改图标在代码项目中的引用名称

7、图标名称修改完成后，点击“下载到本地”，下载项目中的所有的图标。下载后的文件目录如下图所示，

8、打开https://transfonter.org/网址，点击“add fonts”按钮，选择要转换的文件。选择上面下载的文件目录中的“iconfont.ttf”文件。

9、下载转换后的文件

10、把转换后的文件目录中的“stylesheet.css”文件中的代码复制到代码项目的css文件中，再把被转换的文件中的“iconfont.css”中的.iconfont{以下的所有代码复制到代码项目的css文件中

 

11、在项目代码中的标签的class属性使用 iconfont icon-repair等引入图标，如<span class="iconfont icon-repair"></span>