使用多个icon 字体图标库样式冲突问题

场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,

原因:字体命名冲突,样式命名冲突,导致字体图标显示不出来。

解决方案:修改其中一个文件的命名

由于两个地方的iconfont.css文件中的字体命名都是"iconfont",而且样式命名也是相同的,导致问题的出现。

既然明确了问题的原因,只要修改其中一个文件的命名就好了,如下图。

 

posted @ 2021-11-29 17:56  rachelch  阅读(669)  评论(0编辑  收藏  举报