iconfont图标显示错误

前段时间同事发现引用的iconfont图标显示错误了。在iconfont官网上的图标跟项目中引用的图标不一致。代码相同,但是引用过来的图标就是不一样。
看着出错的图标跟我引用的一个插件里面的有点相似。我引用的是luckysheet,这个插件不支持npm。所以就引入在了index.html里面,发现里面也有引用iconfont。我就试着通过href去百度上查看css的代码,果不其然。引用出错的图标就是与插件css重名了。
解决方法:
1、把引入的css复制到本地。使用本地引入,并删除重复的。
2、让iconfont管理员修改图标代码(应该是可以这么操作,百度上有人这么说。)

找不到问题出现的地方可以在编辑器的全局搜索一下iconfont,还有出错图标的代码。不排除在依赖中也会存在图标代码冲突。

posted @ 2022-11-11 09:46  Chaplink  阅读(583)  评论(0编辑  收藏  举报