Google字体无法在Google Chrome上呈现

小编典典

Google字体无法在Google Chrome上呈现

html

我正在建立一个新的WordPress主题（不知道是否相关），并且这个问题一直困扰着我。

我已经从Google Webfonts（包括CSS <head>部分）中加载了Roboto Slab 。在其他所有浏览器上，除了Google
Chrome之外，字体都可以正常显示。当我第一次在Google
Chrome浏览器中加载网站时，使用该自定义字体的文本根本不会显示（即使字体库将佐治亚州作为后备- "Roboto Slab", Georgia, serif;）。当我将样式链接悬停或在Inspector中重新触发任何CSS属性后，文本将变为可见。

自从我在一段时间前启动主题以来，我可以清楚地记得它以前运行得很好。这是一些已知的最近的Chrome更新错误吗？

首次加载 ：屏幕截图＃1

重新应用任何CSS属性后，进入响应视图或将元素悬停 ：屏幕截图＃2

有人有类似的问题吗？我应该如何进行呢？

谢谢！

阅读 370

2020-05-10

共1个答案

小编典典

显然，这是一个已知的Chrome错误。有一个仅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重新粉刷文字

2020-05-10