今天使用iconfont應(yīng)用在vue3項(xiàng)目發(fā)現(xiàn)不能在線鏈接使用，無耐只能下載到本地了。

選取需要的圖標(biāo)添加入庫(kù)（小小車車變紅就可以），然后添加到項(xiàng)目，然后就是下載啦。我這里使用的是unicode

下載好后解壓，把圖片中選中的文件復(fù)制到項(xiàng)目里

css文件放在css文件夾，其他放在同一個(gè)文件夾，css跟其它的不在同一個(gè)路徑，所以修改一下css文件下@font-face里對(duì)應(yīng)路徑

在main.js引入iconfont.css

一開始是在index.html里引入，結(jié)果只出現(xiàn)了個(gè)方框，只需要在入口文件main.js文件里引入就好了

6. 挑選相應(yīng)圖標(biāo)并獲取字體編碼，應(yīng)用于頁(yè)面

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。