为什么我的 Google 字体在 Google Chrome 中不显示，如何修复？-css教程-PHP中文网

为什么我的 Google 字体在 Google Chrome 中不显示，如何修复？

Patricia Arquette

发布： 2024-11-29 06:53:13

原创

235 人浏览过

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

Google Chrome 中不显示 Google 字体：已知问题及解决方法

如果您正在开发 WordPress 主题并遇到遇到 Google 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中文网其他相关文章！