Vue項目引入阿里圖標 iconfont

1.登錄iconfont官網

https://www.iconfont.cn/

2.登錄，我使用的github賬號登錄，之後新建項目

3.挑選圖標入庫，在添加到新建的項目

 

4.下載至本地

5.複製到項目assets/icon目錄

6.在main.js文件裏引入iconfont.css

7. 使用圖標

在vue中通過font class方式引用，下載包裏的demo_index.html會有3種引用方式的步驟

常規項目直接以下方式引入css即可

 

<link rel="stylesheet" href="./iconfont.css">

font class

class="iconfont iconadd-account"

iconfont爲固定的寫法 後面的圖標類名從圖標庫複製即可

8.查看效果