報(bào)錯(cuò)信息
注意,你需要保證你的CSS文件和字體文件在同一個(gè)文件夾,且是平級(jí)的。
嘗試方法1
把字體文件的
格式
名稱改為小寫
。
結(jié)果對(duì)我來說沒用。
參考:參考鏈接
嘗試方法2
要讓
font-family
的名稱和字體文件打開
后顯示的名字一樣。
就是要那兩個(gè)名稱一樣,但是對(duì)我依然無效。
嘗試方法3
網(wǎng)絡(luò)請(qǐng)求
中沒有對(duì)應(yīng)字體文件的請(qǐng)求操作
。
有可能字體文件是損壞的。所以可以在瀏覽器的控制臺(tái)里面看一下,網(wǎng)絡(luò)請(qǐng)求是否成功了。
比如說我這里,就是成功的。此外還可以在控制臺(tái)-源代碼
里面查看一下,是否加載成功了。
最開始我以為,這里可以實(shí)時(shí)預(yù)覽不同字體的樣式
,后來發(fā)現(xiàn)我錯(cuò)了, 我解決問題之后,這里也還是不能預(yù)覽的。所以這個(gè)解決方法,只是給大家去查看一下,自己的網(wǎng)絡(luò)請(qǐng)求有沒有問題。
嘗試方法4
有的博客說要在CSS文件里面加一個(gè)這個(gè)玩意。
Content-Type: 'application/x-font-ttf' ;
就像下面這樣。但是對(duì)我來說不加也可以,所以你們可以試試。
嘗試方法5
在CSDN上已經(jīng)搜遍了,我的字體還是顯示不出來,所以我跑到overStack
上面去看了一下,跟Vue相關(guān)的就這條。就是要在src后面加上format
,但是也有人說不加也可以,唉,大家可以自己試試。
注意:如果你是
.tff
格式的話,才是加format('truetype')
src: url('你自己的字體文件的絕對(duì)地址(相對(duì)地址)') format('truetype');
emm,還有一點(diǎn),還有人說,不能用相對(duì)地址必須要用絕對(duì)地址的,可以試試。
嘗試方法6
家人們,至此為止,我已經(jīng)把CSDN和overstack上面幾乎有關(guān)這個(gè)問題的所有回答都看的差不多了,但是還是沒有解決我的問題。最后,在我快要放棄的時(shí)候柳岸花明又一村了。
emm可以看到控制臺(tái)上**除了報(bào)font不能decode的錯(cuò)之外**,**還有一個(gè)...parser的錯(cuò)**
,這就是關(guān)鍵。
對(duì)沒錯(cuò),就是這個(gè)不能parse table,大家注意這個(gè)可惡的家伙
我最開始看這個(gè)玩意,以為他跟字體沒關(guān)系,最后發(fā)現(xiàn)這個(gè)才是唯一正確的通道??!【對(duì)我來說】
歸入正題
我的字體格式是tff的,如果
把字體的格式用轉(zhuǎn)換器轉(zhuǎn)換成.woff
就解決了。什么問題都沒有了。
鏈接:這是一個(gè)偉大的字體轉(zhuǎn)換器文章來源:http://www.zghlxwxcb.cn/news/detail-687126.html
- 具體的操作很簡(jiǎn)單,就把你的字體文件扔進(jìn)去,然后點(diǎn)一個(gè)
convert
就可以了。- 轉(zhuǎn)換好了之后,再把兩個(gè)文件:
woff
和woff2
都放到VScode里面。這個(gè)CSS的寫法,你轉(zhuǎn)換后的壓縮包里面也會(huì)給你的。
最后呢,我就成功?。〗K于成功?。?!把字體顯示了。文章來源地址http://www.zghlxwxcb.cn/news/detail-687126.html
到了這里,關(guān)于親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!