為什麼我的 Google 字體在 Google Chrome 中不顯示，該如何修復？

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中文網其他相關文章！