解決vue 項目引入字體圖標報錯、不顯示等問題
更新時間：2018年09月01日 15:18:08 作者：mxf_bear
今天小編就為大家分享一篇解決vue 項目引入字體圖標報錯、不顯示等問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
問題：在項目開發(fā)時使用字體圖標，發(fā)現(xiàn)兩個問題；
1、出現(xiàn)報錯：
解決方法為：把字體引入方式改為絕對路徑
2、不報錯，但是不顯示圖標字體，出現(xiàn)方框
原因可能有兩種：
①沒在用到的地方引入字體的樣式文件②你使用的是后綴名為 .styl 文件
①的解決辦法是在用到的地方引入字體的樣式文件（全局引入的話需要從app.vue里引入）
②這個就是我遇到的問題，浪費了我好幾分鐘！??！微笑
解決辦法是把font.styl改為font.css
記得在用到圖標的地方引入
問題原理后續(xù)再寫。
以上這篇解決vue 項目引入字體圖標報錯、不顯示等問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue-ls vue本地儲存的實例講解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue動畫效果實現(xiàn)方法,結(jié)合完整實例形式分析了vue.js+animate.css實現(xiàn)的動畫切換效果相關操作技巧,需要的朋友可以參考下2019-03-03
super-vuex是一套用于簡化Vuex的數(shù)據(jù)架構(gòu)。這篇文章主要介紹了淺談super-vuex使用體驗，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
Nuxt.js SSR與權(quán)限驗證的實現(xiàn)
這篇文章主要介紹了Nuxt.js SSR與權(quán)限驗證的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
vue使用WEB自帶TTS實現(xiàn)語音文字互轉(zhuǎn)的操作方法
這篇文章主要介紹了vue使用WEB自帶TTS實現(xiàn)語音文字互轉(zhuǎn),本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
Vue.js每天必學之構(gòu)造器與生命周期，告訴大家什么是Vue.js構(gòu)造器與生命周期，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了vue如何在data中引入圖片的正確路徑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue?parseHTML?函數(shù)源碼解析AST基本形成
這篇文章主要為大家介紹了vue?parseHTML?函數(shù)源碼解析AST基本形成，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
解決vue-cli-service不是內(nèi)部或外部命令也不是可運行的程序或批處理文件的報錯問題
這篇文章主要介紹了解決vue-cli-service不是內(nèi)部或外部命令也不是可運行的程序或批處理文件的報錯問題,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
這篇文章主要為大家介紹了preload對比prefetch的使用區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06