iconfont在vue项目中的使用及如何在一个项目中引入多个iconfont图标库
创始人
2024-02-23 17:28:06
0次
iconfont的使用
下载方式本文不做详细的展示 重点演示一下同一个项目如何使用两个图标库
有的时候在一个项目的基础上,把当前的项目改为另一个项目,不想影响到当前的字体图标,或者不知道之前的字体图标管理的图标库在哪里了.再引入一个新的字体图标库不失为一个好办法,那么如何避免两个图标库产生冲突就是我们首要解决的问题
1. 下载图标文件
2.在vue项目中引入一下文件
3.代码引用
我这里为了方便展示把iconfont.css引入app.scss
@import ‘./fonts/iconfont.css’
之后把app.scss引入到main.js中
import ‘@/css/app.scss’
4.使用方式
5.这里我们注意一下iconfont.css中的代码 方便观察配置后的iconfont
如何一个项目使用多个iconfont图标库
6.关键的一步
7. 修改过后下载的iconfont.css
8. 之后我们的使用就不会出现冲突的问题了
相关内容
热门资讯
扎哈罗娃再批日本：不负责任的政...
俄罗斯外交部发言人扎哈罗娃在18日举行的外交部例行记者会上说，俄方始终关注日方加速重新军国主义化的危...
天风证券融资偿还7488.52...
雷达财经雷助吧出品 文|周慧 编|深海 东财Choice金融数据显示，12月19日，天风证券融资买入...
国务院常务会审议通过《中华人民...
来源：@中国政府网
价更高！四川成渝重启收购荆宜公...
深圳商报·读创客户端记者 梁佳彤 12月19日晚间，四川成渝(601107)发布公告称，公司全资子公...
夫妻起诉离婚，均拒绝抚养孤独症...
12月19日，从河源市中级人民法院获悉，广东河源连平的黄某某与肖某某系夫妻关系，双方育有一儿一女，其...
国家药监局召开新一届法律顾问座...
人民财讯12月20日电，12月20日，国家药监局举行法律顾问聘任仪式，为新一届法律顾问颁发聘书，并围...
欧洲刑警组织最新设想：2035...
IT之家 12 月 20 日消息，当地时间 12 月 19 日，据外媒 The Verge 报道，欧...
海南封关，税收政策有哪些变化？
12月18日，海南正式实施全岛封关。全岛封关运作是海南自贸港建设的标志性工程，是进一步扩大开放的重要...
全国人大代表陈良勇：通过一个个...
2025年12月17日，人民法院媒体融合工作表扬通报暨第十二届“金法槌奖”微电影微视频、2024年度...