| 企服解答

iconfont是用字體文件取代圖片文件,來展示圖標(biāo)、特殊字體等元素的阿里巴巴MUX傾力打造的矢量圖標(biāo)管理、交流平臺。設(shè)計(jì)師將圖標(biāo)上傳到Iconfont平臺,用戶可以自定義下載多種格式的icon,平臺也可將圖標(biāo)轉(zhuǎn)換為字體,便于前端工程師自由調(diào)整與調(diào)用。

iconfont是啥

阿里巴巴iconfont+ 也是圖標(biāo)字體開發(fā)時生成字體文件及demo的網(wǎng)站；阿里巴巴iconfont+ 生成的demo可以解決圖標(biāo)單色調(diào)問題，其原理是 生成svg合集， 然后使用svg呈現(xiàn)圖標(biāo)。但該方式兼容性較差（SVG兼容小結(jié)）， 如是移動端開發(fā)不考慮低版本瀏覽器兼容問題可以嘗試該方式。

| 拓展閱讀

iconfont的使用方法：

1、首先在Iconfont-阿里巴巴矢量圖標(biāo)庫上面將你需要的圖標(biāo)點(diǎn)擊購物車按鈕加入“暫存架”
2、選擇完所有要用的圖標(biāo)后“存儲為項(xiàng)目”，給它命名。然后在“圖標(biāo)管理”-“圖標(biāo)應(yīng)用項(xiàng)目”中找到這個項(xiàng)目，獲取在線鏈接，把里面的代碼復(fù)制到CSS中。
3、在HTML中需要使用到圖標(biāo)時，使用iconfont類名。在里面寫上你想用的圖標(biāo)下面的Unicode。就可以在頁面中引用和修改了。