溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)vue引入字體css報錯怎么辦的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
vue引入字體css報錯的解決辦法：1、在用到的地方引入字體的樣式文件；2、把“font.styl”改為“font.css”；3、把存放字體的font文件夾移動到和src平級的static文件夾中。
Vue2.x中利用@font-size引入字體圖標報錯的解決辦法
利用 vue-cli 搭建的項目平臺
利用stylus寫的css樣式
有 css-loader 依賴包x
下圖是 webpack.base.conf.js 關(guān)于字體文件的配置
有人這里會有重復(fù)的字體文件的配置，刪除一項即可
將字體引入的相對路徑改成絕對路徑
相對路徑
絕對路徑
有警告信息：
小方塊：
報錯是因為重定向的問題
①的解決辦法是在用到的地方引入字體的樣式文件（全局引入的話需要從app.vue里引入）
@import '文件路徑'
②的解決辦法是把font.styl改為font.css（stylus預(yù)處理器的原因）
然后再需要用到的地方引入
@import '文件路徑'
③把存放字體的font文件夾移動到和src平級的static文件夾中，之后在icon.styl文件中用絕對路徑訪問
感謝各位的閱讀！關(guān)于vue引入字體css報錯怎么辦就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
