1.登錄阿里巴巴圖標庫官網，創建一個自己的項目，並將對應的svg圖片添加或上傳到對應的項目中，如下圖所示：
2.點擊【下載至本地】按鈕，將文件夾下載下來；
3.在項目中src/assets目錄下創建一個文件夾iconfont，將第二步中下載下來的文件粘貼到iconfont文件夾去（注意只需要引入對應的樣式及圖標字體即可，大家也可根據自己項目的使用情況引入對應的文件）：
4.在main.js中引入字體圖標樣式：
import './assets/iconfont/iconfont.css' // 引入字體圖標樣式
5.字體圖標的使用（可以直接通過定義color及font-size改變字體圖標的顏色及大小）：
<i class="iconfont icon-arrow-left"></i>
其中，iconfont是字體默認的Font Family，icon-是字體默認自帶的前綴，arrow-left是我自定義的圖標class，若想將iconfont和icon-修改爲其他，則可在阿里巴巴項目中進行編輯修改：
使用字體圖標就是這麼簡單！說明一下，這裏使用的字體圖標僅支持單色的，不支持漸變等，若想使用多色圖標，建議使用svg。
vue項目中使用svg可以看我另一篇文章→vue項目中如何使用svg圖片