文章詳情頁(yè)
css3 - 如何避免 Google Web Font 載入閃爍刷新文字的問題
瀏覽：94日期：2023-08-11 13:41:30
問題描述
按google提供的代碼，選好字體后，引入字體：
<link href=’http://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’>
然后修改CSS字體：
font-family: ’Open Sans’, sans-serif;
但是字體載入完成后頁(yè)面的所有文字內(nèi)容會(huì)被刷新一下，這該怎么辦呢？
問題解答
回答1：需要預(yù)加載這個(gè)css。
如果字體文件很大，那就先隱藏或透明頁(yè)面內(nèi)容，用js，在這個(gè)css加載完成之后再顯示頁(yè)面內(nèi)容。
回答2：可以試試prefetching，除了DNS prefetching，其他資源如字體和圖片也可以。
<link rel='prefetch' href='http://www.aoyou183.cn/wenda/webfont.woff'>
標(biāo)簽：
CSS
上一條：html - 關(guān)于css二級(jí)導(dǎo)航菜單的做法~~~下一條：假如你的網(wǎng)站要兼容IE8，你還會(huì)用CSS3的tr:nth-child(odd)來畫斑馬紋嗎？
相關(guān)文章：
1. mysql數(shù)據(jù)庫(kù)做關(guān)聯(lián)一般用id還是用戶名2. javascript - 如何用最快的速度C#或Python開發(fā)一個(gè)桌面應(yīng)用程序來訪問我的網(wǎng)站？3. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值，傳遞到后臺(tái)消失不見。有圖有代碼，希望有人幫忙4. python小白 關(guān)于類里面的方法獲取變量失敗的問題5. python - 如何對(duì)列表中的列表進(jìn)行頻率統(tǒng)計(jì)？6. linux運(yùn)維 - python遠(yuǎn)程控制windows如何實(shí)現(xiàn)7. Python2中code.co_kwonlyargcount的等效寫法8. django - Python error: [Errno 99] Cannot assign requested address9. python小白，關(guān)于函數(shù)問題10. 求救一下，用新版的phpstudy，數(shù)據(jù)庫(kù)過段時(shí)間會(huì)消失是什么情況？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備