在阿里字體圖標里面點擊下載到本地
然后將解壓出來的文件放到static目錄下,我的是static/font
然后在App.vue中引入

@import url("./static/font/iconfont.css")//這是我的路徑

這樣做完運行一定報錯,因為font文件夾下的iconfont.css的路徑也要改才行。

@font-face {font-family: "iconfont"; /* Project id 2762090 */src: url('~@/static/font/iconfont.woff2?t=1630402114878') format('woff2'),url('~@/static/font/iconfont.woff?t=1630402114878') format('woff'),url('~@/static/font/iconfont.ttf?t=1630402114878') format('truetype'); }

在iconfont.css中加上路徑就好了,一定要~@/開頭

總結

以上是生活随笔為你收集整理的如何在uniapp中引入阿里字体图标的全部內容，希望文章能夠幫你解決所遇到的問題。

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