解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題

發(fā)布時(shí)間：2020-09-25 12:33:02 來源：腳本之家閱讀：266 作者：mxf_bear 欄目：web開發(fā)

問題：在項(xiàng)目開發(fā)時(shí)使用字體圖標(biāo)，發(fā)現(xiàn)兩個(gè)問題；

1、出現(xiàn)報(bào)錯(cuò)：

解決方法為：把字體引入方式改為絕對(duì)路徑

解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題

2、不報(bào)錯(cuò)，但是不顯示圖標(biāo)字體，出現(xiàn)方框

解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題

原因可能有兩種：

①?zèng)]在用到的地方引入字體的樣式文件②你使用的是后綴名為 .styl 文件

①的解決辦法是在用到的地方引入字體的樣式文件（全局引入的話需要從app.vue里引入）

解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題

②這個(gè)就是我遇到的問題，浪費(fèi)了我好幾分鐘?。。∥⑿?/p>

解決辦法是把font.styl改為font.css

解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題

記得在用到圖標(biāo)的地方引入

解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題

問題原理后續(xù)再寫。

以上這篇解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡