移動端自定義字體font-face優(yōu)化(替代方案)

提前聲明:沒有打廣告!!

微信端要上個頁面,使用到比較特殊的字體,所以只能用font-face來引入,但是,由于是個中文字體,所以體量特別大,如圖:


竟然高達4.6mb

這樣肯定不行啊,html、js總共不到幾百k,而且字體加載完后,頁面字體整體會duang的變一下。

一開始想用 字蛛(百度一下)?來壓縮,但由于是中文字體,壓縮完還是很大;

教程開始:

突然就在網(wǎng)上搜到了這個網(wǎng)站有字庫,

注冊>登錄>找到你想要的字體,把js代碼放到你的html里邊


分為css、js調(diào)用兩種方式。必須設(shè)置白名單

因為我用的Hbuild調(diào)試的,我把我本地的地址設(shè)置到白名單


設(shè)置好你網(wǎng)站域名

然后頁面上線后發(fā)現(xiàn),字體瞬間加載了。

原理不知道是怎么搞的,希望大神講出來探討下

只能說這只是一個臨時解決方案,大家有沒有更好的方法,希望大家分享一下

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,190評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,323評論 25 708
  • 相信很多做前端的都會遇到這一類問題,當前網(wǎng)頁需要引入一些特殊字體,過去這些字體通常使用圖片代替,不僅增加了requ...
    jskid閱讀 9,067評論 1 4
  • 下一刻股票的價格是無法預測的,他的幾率永遠,接近于1/2。 如果把預測的時間拉長,還是可以預測的。 賭場里面沒有投...
    新自由閱讀 161評論 0 0
  • 剛剛才發(fā)現(xiàn)居然從來沒用python操作過數(shù)據(jù)庫,天天凈寫小腳本了。 sqlalchemy感覺很強大,也需要了解一下...
    鄧樓平閱讀 173評論 0 0

友情鏈接更多精彩內(nèi)容