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

怎么解決小程序里引入網(wǎng)絡(luò)字體包后小程序模擬器上能夠正常加載顯示而真機(jī)上卻加載不了顯示不出來的問題

這篇具有很好參考價(jià)值的文章主要介紹了怎么解決小程序里引入網(wǎng)絡(luò)字體包后小程序模擬器上能夠正常加載顯示而真機(jī)上卻加載不了顯示不出來的問題。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

效果展示

wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入
小程序因?yàn)榘笮〉脑颍枰炎煮w文件放到網(wǎng)絡(luò)資源上,要想在真機(jī)上也能夠正常顯示字體,這時(shí)候請(qǐng)求的字體的網(wǎng)絡(luò)資源文件頭需要滿足如下條件:

  1. 下載的字體文件的響應(yīng)頭中必須包含:Access-Control-Allow-Origin: *
  2. 下載的字體文件的響應(yīng)頭: Content-Type:font/ttf | font/woff | font/woff2 | ...
  3. 為了不被緩存影響,建議加上 Cache-Control: no-cache

wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入

如何設(shè)置上面的參數(shù)呢?

  1. 網(wǎng)絡(luò)字體是放在阿里云oss對(duì)象存儲(chǔ)的籃子里的,進(jìn)入阿里云oss設(shè)置:
    wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入
  2. 設(shè)置跨域規(guī)則:
    wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入
  3. 進(jìn)入文件列表,字體文件處:
    wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入
  4. 設(shè)置http頭:
    wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入

彩蛋:

引入字體的兩種方式都是可以的

  1. 直接在css文件中寫@font-face
    wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入
  2. 使用官方寫的wx.loadFontFace()引入也可以,代碼片段地址https://developers.weixin.qq.com/s/rDIgLImY7hD7
    wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入

參考連接: https://developers.weixin.qq.com/community/develop/article/doc/000a8a08178258539cbb3f26a51413

https://developers.weixin.qq.com/community/develop/doc/0004841e3e8108082d1799e9c51000?highLine=wx.loadFontFace

https://www.ccc5.cc/2375.html

wx.loadfontface真機(jī)調(diào)用失敗,網(wǎng)絡(luò)相關(guān)知識(shí),微信小程序,小程序,字體引入文章來源地址http://www.zghlxwxcb.cn/news/detail-644757.html

到了這里,關(guān)于怎么解決小程序里引入網(wǎng)絡(luò)字體包后小程序模擬器上能夠正常加載顯示而真機(jī)上卻加載不了顯示不出來的問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(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)文章

  • 小程序中引入外部字體的三種方式以及出現(xiàn)的問題

    小程序中引入外部字體的三種方式以及出現(xiàn)的問題

    需求:輸入一段標(biāo)題后,可選擇不同的字體顯示在頁面上。 免費(fèi)的商用字體下載鏈接: 鏈接: https://pan.baidu.com/s/1XLabx_xzC5kJycv7ejJU8Q 提取碼: ka4r 1、打開https://transfonter.org/ 2、引入ttf或其他格式的文件,勾選banse64格式輸出 3、將輸出的文件下載到本地,引入到wxss里面 優(yōu)點(diǎn) :加

    2024年02月09日
    瀏覽(25)
  • Uniapp編譯后小程序的代碼反編譯一些思路

    Uniapp編譯后小程序的代碼反編譯一些思路

    最近客戶做的一個(gè)微信小程序,可以原來的開發(fā)者忘記給他源文件了,只能通過反編譯uniapp找回原來的代碼,特此記錄一下反編譯的過程 舉例: 編譯后的代碼: 第一步 移除一些沒有用的事件 第二步 將非標(biāo)簽里面的{{}}里面的轉(zhuǎn)變?yōu)?vue 事件 如? 第三步 將小程序.js里面的o

    2024年02月13日
    瀏覽(22)
  • 親身踩坑 多種方法幫你解決 Failed to decode downloaded font VUE 引入字體沒有效果

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

    注意,你需要保證你的CSS文件和字體文件在同一個(gè)文件夾,且是平級(jí)的。 把字體文件的 格式 名稱改為 小寫 。 結(jié)果對(duì)我來說沒用。 參考:參考鏈接 要讓 font-family 的名稱和 字體文件打開 后顯示的名字一樣。 就是要那兩個(gè)名稱一樣,但是對(duì)我依然無效。 網(wǎng)絡(luò)請(qǐng)求 中沒有 對(duì)

    2024年02月10日
    瀏覽(26)
  • uniapp引入第三方字體庫如(宋體、喜鵲燕書體、字小魂歌以曉手跡行楷體等) 最優(yōu)解決方案

    uniapp引入第三方字體庫如(宋體、喜鵲燕書體、字小魂歌以曉手跡行楷體等) 最優(yōu)解決方案

    最近在開發(fā)一個(gè)寫對(duì)聯(lián)的小程序,其中要求 對(duì)聯(lián)文字以不同字體呈現(xiàn),比如(宋體、喜鵲燕書體、字小魂歌以曉手跡行楷體等) ,如圖: 一般UI設(shè)計(jì)給的都是這種.tff格式的字體文件,如圖: 那么怎么在uniapp中加載第三方字體庫呢? 經(jīng)過幾天的研究,找到了最優(yōu)的一個(gè)解決

    2024年02月03日
    瀏覽(81)
  • 雷電模擬器橋接問題解決方法及ADB更改網(wǎng)絡(luò)代理問題解決方法

    雷電模擬器橋接問題解決方法及ADB更改網(wǎng)絡(luò)代理問題解決方法

    1、選擇“開啟” 2、橋接網(wǎng)卡的選擇:打開控制面板-網(wǎng)絡(luò)連接-更改適配器進(jìn)行查看 3、點(diǎn)擊“點(diǎn)擊安裝”安裝驅(qū)動(dòng) 4、配置靜態(tài)IP 選擇一個(gè)同網(wǎng)段的靜態(tài)IP地址,我這邊選擇:192.168.8.11 點(diǎn)擊“保存”—“重啟模擬器” 注:該代理配置后無法在虛擬器內(nèi)部查看,只能通過adb方式

    2024年02月16日
    瀏覽(107)
  • win10系統(tǒng)顯示字體,模糊鼠標(biāo)移上去又清晰,請(qǐng)問怎么解決?

    win10系統(tǒng)顯示字體,模糊鼠標(biāo)移上去又清晰,請(qǐng)問怎么解決?

    首先確定自己電腦的分辨率設(shè)置正常( 系統(tǒng)-屏幕 ) 然后在調(diào)整一下字體清晰度( 個(gè)性化-字體-調(diào)整ClearType文本 ) 如果上面仍舊無法解決問題的話,應(yīng)該就是顯卡設(shè)置的問題,很有可能就是最近你在玩某個(gè)游戲時(shí)修改了N卡的設(shè)置,只要將其中的設(shè)置關(guān)閉就能恢復(fù),具體設(shè)置

    2024年02月12日
    瀏覽(80)
  • vue中 字體圖標(biāo)引入 - iconfont阿里字體圖標(biāo)庫

    vue中 字體圖標(biāo)引入 - iconfont阿里字體圖標(biāo)庫

    官網(wǎng):iconfont-阿里巴巴矢量圖標(biāo)庫 代碼應(yīng)用 中,有許多方法,如何使用該圖標(biāo)庫。如,icon單個(gè)使用、unicode引用、或 font-class引用(推 )、symbol(svg合集)。本文主講 font-class 方法。 支持ie8+,及所有瀏覽器 1. 獲得項(xiàng)目下面的 fontclass 代碼 加入庫 - 選擇完所需的圖標(biāo)后,右上

    2024年02月09日
    瀏覽(98)
  • 【已解決】Android Studio模擬器沒有網(wǎng)絡(luò)【can‘t provider internet / no internet】 問題--20230316

    【已解決】Android Studio模擬器沒有網(wǎng)絡(luò)【can‘t provider internet / no internet】 問題--20230316

    1.在模擬器中找到網(wǎng)絡(luò)中心,找到默認(rèn)的AndroidWifi網(wǎng)絡(luò),記住其ip地址及默認(rèn)網(wǎng)關(guān) 2.能夠看到原本的DNS有問題 3.在自己電腦中找到網(wǎng)絡(luò)中心,查看本地的DNS服務(wù)器 4.在模擬器中,修改AndroidWiFi網(wǎng)絡(luò),IP設(shè)置為靜態(tài),自己填入之前的ip與網(wǎng)關(guān),將默認(rèn)的DNS更換為上一步查到的本地

    2024年02月08日
    瀏覽(28)
  • 前端引入字體文件

    前端引入字體文件

    上面使用的是方正大標(biāo)宋字體。 首先我們需要有這個(gè)字體文件。 我目前的目錄結(jié)構(gòu)是: 全部代碼為: 我們再看一下普通字體: 其實(shí)主要就是這幾行: 好,就這樣。

    2024年02月08日
    瀏覽(16)
  • 微信小程序在模擬器可以顯示,手機(jī)掃編譯二維碼顯示不了 解決辦法

    微信小程序在模擬器可以顯示,手機(jī)掃編譯二維碼顯示不了 解決辦法

    1,本地服務(wù)器即是使用localhost,如果希望在手機(jī)上可以演示,請(qǐng)把微信開發(fā)者工具代碼中wx.request請(qǐng)求數(shù)據(jù)的所有帶有l(wèi)ocalhost的路徑全部替換本機(jī)的ip地址,如http://localhost:8080/test/hhh, 改成http://172.00.00.000/test/hhh, 這里只是舉個(gè)例子,查看ip地址方法: 打開cmd,輸入ipconfig,紅色

    2024年02月12日
    瀏覽(24)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包