今天使用iconfont應用在vue3項目發現不能在線鏈接使用，無耐只能下載到本地了。

選取需要的圖標添加入庫（小小車車變紅就可以），然后添加到項目，然后就是下載啦。我這里使用的是unicode

下載好后解壓，把圖片中選中的文件復制到項目里

css文件放在css文件夾，其他放在同一個文件夾，css跟其它的不在同一個路徑，所以修改一下css文件下@font-face里對應路徑

在main.js引入iconfont.css

一開始是在index.html里引入，結果只出現了個方框，只需要在入口文件main.js文件里引入就好了

6. 挑選相應圖標并獲取字體編碼，應用于頁面

<i class="iconfont">&#xe651;</i>

總結

以上是生活随笔為你收集整理的iconfont阿里巴巴矢量图标库本地下载的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。