解決vue 項目引入字體圖標報錯、不顯示等問題
問題:在項目開發(fā)時使用字體圖標,發(fā)現(xiàn)兩個問題;
1、出現(xiàn)報錯:
解決方法為:把字體引入方式改為絕對路徑
2、不報錯,但是不顯示圖標字體,出現(xiàn)方框
原因可能有兩種:
①沒在用到的地方引入字體的樣式文件②你使用的是后綴名為 .styl 文件
①的解決辦法是在用到的地方引入字體的樣式文件(全局引入的話需要從app.vue里引入)
②這個就是我遇到的問題,浪費了我好幾分鐘?。。∥⑿?/p>
解決辦法是把font.styl改為font.css
記得在用到圖標的地方引入
問題原理后續(xù)再寫。
以上這篇解決vue 項目引入字體圖標報錯、不顯示等問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue 項目中如何使用fullcalendar 時間段選擇插件(類似課程表格)
最近完成一個項目,需要選擇一個會議室,但是最好能夠通過在圖上顯示出該 會議室在某某時間段內(nèi)已經(jīng)被預(yù)定了,初看這個功能感覺很棘手,仔細分析下實現(xiàn)起來還是挺容易的,下面通過示例代碼講解Vue項目中使用fullcalendar時間段選擇插件,感興趣的朋友一起看看吧2024-07-07vue?parseHTML函數(shù)解析器遇到結(jié)束標簽
這篇文章主要介紹了vue?parseHTML函數(shù)源碼解析之析器遇到結(jié)束標簽的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07vue使用exif獲取圖片旋轉(zhuǎn),壓縮的示例代碼
這篇文章主要介紹了vue使用exif獲取圖片旋轉(zhuǎn),壓縮的示例代碼,幫助大家更好的利用python處理圖片,感興趣的朋友可以了解下2020-12-12