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