| 企服解答

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

iconfont是啥

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

| 拓展閱讀

iconfont的使用方法：

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