1.挑选icon图标，收藏至我的项目
2.在“我的收藏”里下载图标的svg文件，然后在“我的项目”里点击“上传图标至项目”，在那里将图标的svg文件拖拽到那个地方，图标就下载到了项目里面。
3.点击“下载至本地”
图1
4.下载完成之后会生成一个文件夹，只需要保留里面的iconfont.css文件，其他的可以删除，我这儿是把最后的文件夹也就是iconfont文件夹放在项目里的components目录下面。
图2
图3
5.回到图标的那个页面，切换到Unicode一栏，如果你之前生成过代码就直接用那儿的代码，如果更新的图标信息，就会提示你需要更新代码，更新就是了。
图4
图5
6.生成了这段代码后，复制它并且替换掉之前的iconfont.css文件里面的这一部分代码
图6
7.替换掉之后，在所有的‘//at’前面都加上https: (注意这里有冒号)
图7
8.在项目里面引用，这里建议用绝对路径，不要用相对路径（就是那种有点点点的）
图8
网友评论