文章詳情頁
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 老是卡住，什么情況？
排行榜
網公網安備