什麼是IconFont?

IconFont是阿裡巴巴旗下的矢量圖示庫網站，通過搜尋關鍵字可以擷取前端開發所需的各類圖示。

如何使用IconFont？

1. 首先搜尋關鍵字如user。

   

2. 選擇符合需求的圖示點選添加入庫。

   

3. 點選網頁右上角的購物車按鈕，選擇添加至項目，沒有項目的可以建立一個。

   

4. 進入項目頁面後，點選編輯圖示，可以更改圖示的大小和方向。

   

5. 修改完成後，點選僅儲存。

   

6. 選擇font class點選更新代碼,并點選複制代碼。

   ​​

   

7. 在前端html頁面中引用這段代碼。

   <link rel="stylesheet" href="//at.alicdn.com/t/font_1154331_if0cuptrebc.css" target="_blank" rel="external nofollow" >
              

8. 複制圖示的代碼。

   

9. 在html中相應标簽中引用。

<span class="icon-user iconfont"></span>
           

注意粘貼了圖示類名icon-user,後還需加上iconfont。

1. 效果。