使用多个icon 字体图标库样式冲突问题
场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,
原因:字体命名冲突,样式命名冲突,导致字体图标显示不出来。
解决方案:修改其中一个文件的命名:
由于两个地方的iconfont.css文件中的字体命名都是"iconfont",而且样式命名也是相同的,导致问题的出现。
既然明确了问题的原因,只要修改其中一个文件的命名就好了,如下图。
场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,
原因:字体命名冲突,样式命名冲突,导致字体图标显示不出来。
解决方案:修改其中一个文件的命名:
由于两个地方的iconfont.css文件中的字体命名都是"iconfont",而且样式命名也是相同的,导致问题的出现。
既然明确了问题的原因,只要修改其中一个文件的命名就好了,如下图。