如何在vue里面添加两个iconfont库

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

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


(图二) iconfont压缩包所包含的文件
(图三) 复制这些文件,放入在vue项目中的src/assets中创建一个iconfont文件夹中,同时,在src/App.vue中引入该路径
(图四)在项目中使用icont,  iconduihua为矢量图标上的class名,前者iconfont 为类名,也必须加上

第一步正常情况下引入iconfont库的步骤完美结束

接下来,我们开启如何在同一个项目中引入不同的iconfont

首先,重复以上图一到图三,直至src/assets下出现两个iconfont库

(图五)创建iconfont1文件,并引入
(图六)修改iconfont1/iconfont.css
(图七) 使用iconfont1中的图标

搞定~~~

如有更好的建议,欢迎留言

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

相关阅读更多精彩内容

友情链接更多精彩内容