一直在使用阿里的 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 搞定，总算不用提心吊胆怕图标乱变了。
网友评论