按以往,先正常添加一个iconfont库放入项目中:

(图一)点击下载至本地后,会出现一个iconfont压缩包文件

(图二)
iconfont压缩包所包含的文件

(图三)
复制这些文件,放入在vue项目中的src/assets中创建一个iconfont文件夹中,同时,在src/App.vue中引入该路径

(图四)在项目中使用icont, iconduihua为矢量图标上的class名,前者iconfont 为类名,也必须加上
第一步正常情况下引入iconfont库的步骤完美结束
接下来,我们开启如何在同一个项目中引入不同的iconfont
首先,重复以上图一到图三,直至src/assets下出现两个iconfont库

(图五)创建iconfont1文件,并引入

(图六)修改iconfont1/iconfont.css

(图七) 使用iconfont1中的图标
搞定~~~
如有更好的建议,欢迎留言