首頁 > web前端 > css教學 > 為什麼我的 Google 字體在 Google Chrome 中不顯示,該如何修復?

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

Patricia Arquette
發布: 2024-11-29 06:53:13
原創
226 人瀏覽過

Why Aren't My Google Fonts Showing in Google Chrome, and How Can I Fix It?

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板