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

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

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

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

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

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

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

 

上一篇:引入阿里图标库(iconfont)后图标黑白问题


下一篇:javascript – 当用户点击该弹出式表面之外的页面上的任何位置时,如何关闭动态添加的弹出窗口?