文章詳情頁
css3 - 如何避免 Google Web Font 載入閃爍刷新文字的問題
瀏覽:200日期: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;
但是字體載入完成后頁面的所有文字內容會被刷新一下,這該怎么辦呢?
問題解答
回答1:需要預加載這個css。
如果字體文件很大,那就先隱藏或透明頁面內容,用js,在這個css加載完成之后再顯示頁面內容。
回答2:可以試試prefetching,除了DNS prefetching,其他資源如字體和圖片也可以。
<link rel='prefetch' href='http://www.b3g6.com/wenda/webfont.woff'>
標簽:
CSS
相關文章:
1. docker api 開發的端口怎么獲???2. docker gitlab 如何git clone?3. debian - docker依賴的aufs-tools源碼哪里可以找到???4. macos - mac下docker如何設置代理5. angular.js使用$resource服務把數據存入mongodb的問題。6. docker網絡端口映射,沒有方便點的操作方法么?7. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????8. docker - 如何修改運行中容器的配置9. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下10. docker start -a dockername 老是卡住,什么情況?
排行榜

網公網安備