一直在使用阿里的 iconfont 管理項(xiàng)目圖標(biāo)，大概一個(gè)月前發(fā)現(xiàn)一個(gè)前端項(xiàng)目的圖標(biāo)顯示錯(cuò)誤，不是普通的不能顯示，是本應(yīng)該是A圖標(biāo)，那天發(fā)現(xiàn)顯示出來(lái)的圖標(biāo)變成B了，當(dāng)時(shí)沒(méi)多想，上iconfont把圖標(biāo)那個(gè)錯(cuò)誤圖標(biāo)刪了，再重新搜索原圖標(biāo)加到圖標(biāo)庫(kù)重新生成鏈接，搞定了，覺(jué)得可能是iconfont抽風(fēng)了也沒(méi)多想。
但是今天發(fā)現(xiàn)又有圖標(biāo)出問(wèn)題了，還是老樣子本應(yīng)是A的圖標(biāo)卻顯示成了B，這可不行啊，三天兩頭圖標(biāo)亂變?cè)趺茨茏屓诵睦锾?shí)。有必要探索一下原因，還真找出來(lái)了，有點(diǎn)意外。
我的項(xiàng)目引用了2套圖標(biāo)庫(kù)，一套是UI層的通用icon，一套是項(xiàng)目層定制的icon，平時(shí)使用都是采用font class模式，所以在iconfont上面給2套圖標(biāo)庫(kù)定義了不同的FontClass/Symbol 前綴，絕對(duì)不會(huì)存在圖標(biāo)同名錯(cuò)誤的問(wèn)題，這也是沒(méi)有第一時(shí)間發(fā)現(xiàn)錯(cuò)誤原因的導(dǎo)火索，以為font class不重名就高枕無(wú)憂了，但是今天排查發(fā)現(xiàn)2個(gè)圖標(biāo)庫(kù)的 Unicode 出現(xiàn)重名，這才導(dǎo)致應(yīng)該是圖標(biāo)庫(kù)A的圖標(biāo)顯示成的圖標(biāo)庫(kù)B的同名Unicode那個(gè)圖標(biāo)。
找到原因自定義新的 Unicode 搞定，總算不用提心吊膽怕圖標(biāo)亂變了。