前一段時間在項目中引入阿裡巴巴字型圖示庫的圖示，按步驟走了一遍，但是一直不成功。
剛好需求改了，不需要用圖示，就暫時擱淺沒在管這個。
今天又有新的需求要用到字型圖示，在ant-design-vue官方文檔上看icon自帶的圖示，還是沒有符合需求的。一直往下翻文檔，翻到一段關于自定義的描述。
感覺好像可以試試，在網上搜了一篇文章，按教程，果然在項目中實作了。
Ant Design Vue通過iconfont建構自定義圖示庫
為了以後再使用的時候還有印象，特意把完整流程記錄下來
1：在阿裡巴巴字型圖示庫上搜尋自己需要的圖示，網址：阿裡巴巴字型圖示庫
2：搜尋自己需要的圖示
滑鼠經過圖示的上方，會出現彈窗，選擇第一個添加入庫
點選右上角購物車形狀的圖示
将圖示添加至項目
建立個項目名
建立的項目裡，新加的圖示都在裡面
點選下載下傳至本地，壓縮後得到一個檔案夾
在vue的項目中，src下的assets檔案夾中建立icon檔案夾或者iconfonts檔案夾，檔案夾名字自定義
把解壓後的所有檔案複制到icon檔案夾裡
到此為止，圖示檔案已經成功導入到項目裡。
3、在main.js入口檔案中導入
import {Icon,message} from 'ant-design-vue';
import iconFront from './assets/icon/iconfont.js'//這個iconfont.js就是從iconfont.cn網站上下載下傳後解壓的JS檔案
const myicon = Icon.createFromIconfontCN({
scriptUrl: iconFront
})
//引用
Vue.component('my-icon', myicon)
樣式名在iconfont.css中找
然後在需要用到圖示的元件中使用即可
成功！！！