一直在使用阿里的 iconfont 管理项目图标,大概一个月前发现一个前端项目的图标显示错误,不是普通的不能显示,是本应该是A图标,那天发现显示出来的图标变成B了,当时没多想,上iconfont把图标那个错误图标删了,再重新搜索原图标加到图标库重新生成链接,搞定了,觉得可能是iconfont抽风了也没多想。
但是今天发现又有图标出问题了,还是老样子本应是A的图标却显示成了B,这可不行啊,三天两头图标乱变怎么能让人心里踏实。有必要探索一下原因,还真找出来了,有点意外。
我的项目引用了2套图标库,一套是UI层的通用icon,一套是项目层定制的icon,平时使用都是采用font class
模式,所以在iconfont上面给2套图标库定义了不同的FontClass/Symbol 前缀,绝对不会存在图标同名错误的问题,这也是没有第一时间发现错误原因的导火索,以为font class
不重名就高枕无忧了,但是今天排查发现2个图标库的 Unicode
出现重名,这才导致应该是图标库A的图标显示成的图标库B的同名Unicode
那个图标。
找到原因自定义新的 Unicode
搞定,总算不用提心吊胆怕图标乱变了。
iconfont图标显示错误原因
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 之前发表过一篇关于iconfont图标字体的相关教程,以文字的方式,实现网页中的图标和特殊字符。教程链接可参考:h...
- 前言 本篇文章其实陆陆续续写了快半年,主体部分写好了很久了,但由于种种原因一直没有发布。首先来说说写这篇文章的主要...