web中使用阿里巴巴矢量庫作爲圖標管理

阿里巴巴矢量庫

Iconfont-國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造,設計和前端開發的便捷工具

矢量庫中項目圖標

阿里巴巴矢量庫網址：https://www.iconfont.cn/

1. 需要先登錄，可以使用github，阿里賬戶，新浪微博進行登錄；
2. 在首頁導航欄選擇 圖標管理-我的項目-我參與的項目，找到UI爲你設計的圖標；

將矢量庫引入項目中

1. 在我參與的項目-選擇你的項目，點擊Font Class；
   
   2.點擊複製代碼，將複製的代碼以外部樣式的方式引入index.html文件裏面，注意前面要加上http://
   
   3.在項目中使用圖標
   在使用的地方按如下方式使用代碼，圖標名稱爲圖一中點擊圖標後出現複製代碼，即可複製圖標名稱，更換一下代碼圖標名稱即可，iconfont樣式爲固定樣式使用，必須添加。

     <i class="iconfont 圖標名稱 />
   

4.當圖標庫中的圖標變化後,如果引入無法出現,則需要重新替換之前的css引入文件地址,新加入的圖標會導致重新生成css文件