国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果

這篇具有很好參考價(jià)值的文章主要介紹了親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。


報(bào)錯(cuò)信息

親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript


注意,你需要保證你的CSS文件和字體文件在同一個(gè)文件夾,且是平級(jí)的。
親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript


嘗試方法1

把字體文件的格式名稱改為小寫。

結(jié)果對(duì)我來說沒用。
親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript

參考:參考鏈接


嘗試方法2

要讓font-family的名稱和字體文件打開后顯示的名字一樣。

親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript
就是要那兩個(gè)名稱一樣,但是對(duì)我依然無效。


嘗試方法3

網(wǎng)絡(luò)請(qǐng)求中沒有對(duì)應(yīng)字體文件的請(qǐng)求操作。
有可能字體文件是損壞的。所以可以在瀏覽器的控制臺(tái)里面看一下,網(wǎng)絡(luò)請(qǐng)求是否成功了。

親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript


比如說我這里,就是成功的。此外還可以在控制臺(tái)-源代碼里面查看一下,是否加載成功了。


親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript
最開始我以為,這里可以實(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ì)我來說不加也可以,所以你們可以試試。
親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript


嘗試方法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)鍵。

親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript
對(duì)沒錯(cuò),就是這個(gè)不能parse table,大家注意這個(gè)可惡的家伙
我最開始看這個(gè)玩意,以為他跟字體沒關(guān)系,最后發(fā)現(xiàn)這個(gè)才是唯一正確的通道??!【對(duì)我來說】


歸入正題

我的字體格式是tff的,如果把字體的格式用轉(zhuǎn)換器轉(zhuǎn)換成.woff就解決了。什么問題都沒有了。
鏈接:這是一個(gè)偉大的字體轉(zhuǎn)換器

  • 具體的操作很簡(jiǎn)單,就把你的字體文件扔進(jìn)去,然后點(diǎn)一個(gè)convert就可以了。
  • 轉(zhuǎn)換好了之后,再把兩個(gè)文件:woffwoff2 都放到VScode里面。這個(gè)CSS的寫法,你轉(zhuǎn)換后的壓縮包里面也會(huì)給你的。

親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript
最后呢,我就成功?。〗K于成功?。?!把字體顯示了。
親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果,vue.js,前端,javascript文章來源地址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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 關(guān)于android11,12權(quán)限問題Unable to decode stream: open failed: EACCES (Permission denied)

    第一次發(fā)博客 這個(gè)問題是我在制作一款app時(shí)發(fā)現(xiàn)的,我本來想在一個(gè)textview中加入一個(gè)圖片 但是總是報(bào)錯(cuò) E/BitmapFactory: Unable to decode stream: java.io.FileNotFoundException: /storage/emulated/0/DCIM/Camera/IMG_20230129_123518.jpg: open failed: EACCES (Permission denied) 我在瀏覽了大多數(shù)關(guān)于這個(gè)問題的討論和

    2024年02月07日
    瀏覽(86)
  • [嘗試多種方法,終于解決]Pycharm報(bào)錯(cuò)ImportError: DLL load failed: 找不到指定的模塊。

    [嘗試多種方法,終于解決]Pycharm報(bào)錯(cuò)ImportError: DLL load failed: 找不到指定的模塊。

    在創(chuàng)建Anaconda環(huán)境之后,在pycharm中的過程中,我遇到了一個(gè)非常神奇的問題,就是當(dāng)我使用PyCharm自帶的Run manage.py Task...功能的時(shí)候,PyCharm一直提示我一個(gè)\\\"ImportError: DLL load failed:找不到指定的模塊\\\"的錯(cuò)誤,如下圖所示。 ?嘗試了多種方法,包括: 1.添加環(huán)境變量(在系統(tǒng)中添

    2024年02月14日
    瀏覽(23)
  • 全網(wǎng)多種方法解決idea中報(bào)出的Cannot find declaration to go to的問題

    全網(wǎng)多種方法解決idea中報(bào)出的Cannot find declaration to go to的問題

    今早下載一新項(xiàng)目,打開之后,點(diǎn)擊對(duì)應(yīng)的代碼時(shí),卻報(bào)出如下錯(cuò)誤: 即 Cannot find declaration to go to 。 Cannot find declaration to go to 翻譯成中文是 找不到要轉(zhuǎn)到的聲明 。 因?yàn)槲以谙螺d完代碼后,在 idea 編輯器中,使用如下命令創(chuàng)建并切換我的分支時(shí),才報(bào)出這個(gè)錯(cuò)誤: idea 切換

    2024年02月07日
    瀏覽(22)
  • 分享一個(gè)親身經(jīng)歷解決安裝selenium時(shí)報(bào)錯(cuò)的粗暴解決方法

    分享一個(gè)親身經(jīng)歷解決安裝selenium時(shí)報(bào)錯(cuò)的粗暴解決方法

    查看Chrome的版本。先電擊右上角的三個(gè)小點(diǎn),再點(diǎn)擊幫助,再點(diǎn)擊“ 關(guān)于 Google Chrome ”。方式如下圖。 確定紅色框框里的Chrome已是最新版本,如果不是或者顯示“ 檢查更新錯(cuò)誤 ”之類的提示,那就刪掉這個(gè)Chrome重新在官網(wǎng)安裝一個(gè)。 安裝方法如 1、電腦打開百度,搜索“谷

    2024年02月07日
    瀏覽(24)
  • 多種方法解決Please specify which branch you want to merge with的錯(cuò)誤

    多種方法解決Please specify which branch you want to merge with的錯(cuò)誤

    今天發(fā)布某版本的項(xiàng)目,準(zhǔn)備創(chuàng)建個(gè) v0point1 分支,后期如果修改該版本,直接在該分支上修改即可。 首先,使用 git branch v0point1 命令,創(chuàng)建本地分支 v0point1 ,如下圖所示: 其次,使用 git checkout v0point1 命令,切換到 v0point1 分支,如下圖所示: 當(dāng)然,我們也可以使用 git ch

    2024年02月16日
    瀏覽(12)
  • Unable to import maven project: See logs for details錯(cuò)誤的多種解決方法

    Unable to import maven project: See logs for details錯(cuò)誤的多種解決方法

    今天從 gitlab 上下載完項(xiàng)目后,無法啟動(dòng)項(xiàng)目,留意到右下角的 Evnet Log ,點(diǎn)開如下圖所示: 即 Unable to import maven project: See logs for details 。 將 Unable to import maven project: See logs for details 翻譯成中文,即是 無法導(dǎo)入maven項(xiàng)目:

    2024年02月09日
    瀏覽(20)
  • git提交Failed to connect to github.com port 443解決方法

    最近在提交代碼到GitHub,一直提示提交失敗 Push: unable to access \\\'https://github.com/username/project.git/\\\': Failed to connect to github.com port 443 after 21140 ms: Couldn\\\'t connect to server ,我以為是網(wǎng)絡(luò)太差了,直接使用代理軟件,還是同樣的提示, 所以咨詢了一位優(yōu)秀的前端開發(fā)kaimo,才知道需要g

    2024年01月25日
    瀏覽(31)
  • 云計(jì)算訪問實(shí)例報(bào)錯(cuò)novnc..Failed to connect to server (code: 1006)解決方法

    云計(jì)算訪問實(shí)例報(bào)錯(cuò)novnc..Failed to connect to server (code: 1006)解決方法

    創(chuàng)建實(shí)例時(shí)狀態(tài)錯(cuò)誤error 報(bào)錯(cuò)500或找不到主機(jī),可能是資源不足,將實(shí)例類型的內(nèi)存改小可解決 問題: 通過dashboard進(jìn)入實(shí)例控制臺(tái)報(bào)錯(cuò)Failed to connect to server (code: 1006)如下圖: 或通過實(shí)例的url信息進(jìn)行訪問時(shí)報(bào)錯(cuò)Failed to connect to server (code: 1006)如下圖: 原因:不詳 解決方法一

    2024年02月04日
    瀏覽(15)
  • SpringBoot項(xiàng)目出現(xiàn)Failed to configure a DataSource錯(cuò)誤時(shí)解決方法

    SpringBoot項(xiàng)目出現(xiàn)Failed to configure a DataSource錯(cuò)誤時(shí)解決方法

    ?若在運(yùn)行SpringBoot項(xiàng)目時(shí),出現(xiàn)如下錯(cuò)誤: 出現(xiàn)該錯(cuò)誤的原因是:沒有連接數(shù)據(jù)庫,需要在application.properties(下圖)中添加配置數(shù)據(jù)庫的代碼: ?配置數(shù)據(jù)庫的代碼為: ?添加完畢后,即可成功運(yùn)行。

    2024年02月13日
    瀏覽(21)
  • 小程序使用Vant組件時(shí)報(bào)錯(cuò)Failed to load font解決方法

    小程序使用Vant組件時(shí)報(bào)錯(cuò)Failed to load font解決方法

    小程序引用Vant組件后每次重新編譯都會(huì)報(bào)錯(cuò) [渲染層網(wǎng)絡(luò)層錯(cuò)誤] Failed to load font https://at.alicdn.com/t/font_2553510_iv4v8nulyz.woff2?t=1649083952952 雖然不影響小程序運(yùn)行,但看著很難受 按照網(wǎng)上教程所說的request合法域名添加“https://at.alicdn.com”后還是會(huì)報(bào)錯(cuò),干脆不用網(wǎng)絡(luò)請(qǐng)求了,直接

    2024年02月08日
    瀏覽(17)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包