Google Chrome 中不顯示Google 字體:已知問題及解決方法
如果您正在開發WordPress 主題並遇到谷歌Webfonts 在Google Chrome 中無法正確呈現的問題時,您並不孤單。此問題已被報告並確認為已知的 Chrome 錯誤。
當您首次使用 Google Webfonts 中的自訂字體(在本例中為 Roboto Slab)在 Chrome 中載入網站時,文字可能根本不會顯示儘管指定了後備字體。但是,如果您將滑鼠懸停在樣式化連結上或在檢查器中調整任何 CSS 屬性,文字就會變為可見。
為了解決此問題,已發現僅CSS 的解決方法:
body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } }
通過將此代碼添加到網站的樣式表中,您實際上可以強制Chrome 重新繪製文本,從而有效解決渲染問題。
以上是為什麼我的 Google 字體在 Google Chrome 中不顯示,該如何修復?的詳細內容。更多資訊請關注PHP中文網其他相關文章!