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

• 阿里巴巴矢量庫
• • 矢量庫中項目圖標
  • 將矢量庫引入項目中

阿里巴巴矢量庫

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

矢量庫中項目圖標

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

需要先登錄，可以使用github，阿里賬戶，新浪微博進行登錄；

在首頁導航欄選擇 圖標管理-我的項目-我參與的項目，找到UI為你設計的圖標；

將矢量庫引入項目中

在我參與的項目-選擇你的項目，點擊Font Class；

2.點擊復制代碼，將復制的代碼以外部樣式的方式引入index.html文件里面，注意前面要加上http://

3.在項目中使用圖標
在使用的地方按如下方式使用代碼，圖標名稱為圖一中點擊圖標后出現復制代碼，即可復制圖標名稱，更換一下代碼圖標名稱即可，iconfont樣式為固定樣式使用，必須添加。

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

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

總結

以上是生活随笔為你收集整理的web中使用阿里巴巴矢量库作为图标管理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。