怎麼對阿里iconfont兩個項目中的字體圖標合併

1.把下載下來的2個文件夾都放入項目中

2.如要把iconfont2文件夾中的字體圖標合併到iconfont文件夾中,則如下圖,修改iconfon2文件夾下左側該圖標的五個文件名,同時修改這個文件夾中iconfont.css中@font-face裏對應url裏面的文件名稱,因爲下一步要把這些複製到iconfont文件夾相應位置中,以防名稱衝突

3.把修改好的新的圖標文件(5個)以及對應圖標的@font-face拷貝到項目裏

4.接下來就可以使用圖標的類名或者_unicode代碼實現新增圖標的使用(以前怎麼用,現在還是怎麼用)。爲了查看圖標類名方便,這裏我也把iconfont2文件夾中demo-index.html 文件裏的圖標列表(注意:一共三段ul,分別是unicode,font-class,symbol)複製到了iconfont文件夾中的demo-index.html中相應位置,這裏只展示了一段。

5.接下去就把項目裏的iconfont2文件夾刪除吧

ps:親測可用,可能有點拙劣,有好的想法和意見歡迎提出改進

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章