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