本文鏈接：https://blog.csdn.net/junshangshui/article/details/82193922
一、進入阿里圖標庫官網站：http://www.iconfont.cn
二、選擇想要的圖標加入購物車(如果不想以unicode方式使用圖標，那直接下載png等格式即可)
三、然后進入購物車點擊下載代碼
四、解壓后，選擇這下圖五個文件復制，其它的是demo文件，告訴我們如何使用。
五、我在項目的assets目錄下新建了個fonts目錄來放這五個文件
六、打開iconfont.css，為方便，我改了默認的圖標變量名，還把圖標大小font-size改為24px
七、然后在main.js中導入此css文件
八、然后我在我的Home.vue文件中使用這兩個圖標
九、最后界面顯示出來的效果如下圖
這就是unicode圖標的使用
相關知識（unicode是字體在網頁端最原始的應用方式，特點是：
兼容性最好，支持ie6+，及所有現代瀏覽器。
支持按字體的方式去動態調整圖標大小，顏色等等。
但是因為是字體，所以不支持多色。只能使用平台里單色的圖標，就算項目里有多色圖標也會自動去色。）
————————————————
版權聲明：本文為CSDN博主「junshangshui」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/junshangshui/article/details/82193922