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