文章詳情頁
css3 - 如何避免 Google Web Font 載入閃爍刷新文字的問題
瀏覽：118日期：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;
但是字體載入完成后頁面的所有文字內(nèi)容會被刷新一下，這該怎么辦呢？
問題解答
回答1：需要預(yù)加載這個css。
如果字體文件很大，那就先隱藏或透明頁面內(nèi)容，用js，在這個css加載完成之后再顯示頁面內(nèi)容。
回答2：可以試試prefetching，除了DNS prefetching，其他資源如字體和圖片也可以。
<link rel='prefetch' href='http://www.baoyu77737.com/wenda/webfont.woff'>
標(biāo)簽：
CSS
相關(guān)文章：
1. objective-c - 微信快捷發(fā)送最近一張圖片是如何實(shí)現(xiàn)的？2. mysql - 關(guān)于數(shù)據(jù)緩存策略方面的疑惑3. mysql如何判斷數(shù)據(jù)不存在則插入呢？4. 導(dǎo)入數(shù)據(jù)庫不成功5. mysql無法刪除字段（錯誤1091），但是對該字段設(shè)置主鍵后就可刪除，為什么？6. mysql如何配置遠(yuǎn)程php外網(wǎng)鏈接數(shù)據(jù)庫7. 老師 我是一個沒有學(xué)過php語言的準(zhǔn)畢業(yè)生 我希望您能幫我一下8. mysql - eclispe無法打開數(shù)據(jù)庫連接9. PHP單例模式10. 數(shù)據(jù)庫 - mysql中有沒查看數(shù)據(jù)大小的函數(shù)??
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備