Google网页字体在最新版本的Chrome浏览器上无法显示，Mac电脑。

Question

我的网页上一直使用谷歌字体，但最近它们开始在仅限于Google Chrome 33.0.1750.117版本的Mac系统中消失了。某些带有字体的文本未显示出来，但如果我点击或悬停该字体，则能正常显示。

我只发现这篇关于Chrome 32的错误文章，但据说已经修复了，也许是另一个错误产生了？

http://blog.typekit.com/2014/02/04/chrome-bug-affecting-web-fonts/

有人了解这个问题吗？

- Kosmetika

Answer 1

我遇到了同样的问题，发现了这个讨论。

https://code.google.com/p/chromium/issues/detail?id=336476&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

以下解决方法对我有效：

body
{
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
    from{   opacity: 1; }
    to{ opacity: 1; }
}

希望这也能对您有所帮助！

- acriel

---

它对我不起作用。你能描述一下你在修复中尝试做什么吗？我应该在什么时候加载那个CSS？ - adosaiguas

@adosaiguas，将它放入您的主CSS文件中即可。 - Kosmetika

@Kosmetika :) 这是我做的，但对我来说仍然不起作用。 - adosaiguas

尝试将其放置在您的CSS文件末尾。 - acriel

我在这个修复中发现了一个错误。假设您在浏览器中打开了几个选项卡。在加载页面时，如果您转到另一个选项卡，然后在完全加载后返回到以前的选项卡/页面，则此修复将无法正常工作。 - Iqbal Kabir

Answer 2

这个解决方法也可以起作用：

jQuery(window).load(function(){jQuery('body').width(jQuery('body').width()+1).width('auto')})

感谢Chrome问题讨论论坛第30帖的作者。它可以在这里找到。

- Douglas Tropiano

Answer 3

如果您需要一个针对此问题的WordPress插件，我基于Douglas Tropiano的答案创建了一个。可以在此处下载：

http://www.apertoso.be/google-webfonts-niet-zichtbaar-in-google-chrome/

荷兰语博客文章，下载链接在底部，名为“Apertoso - 真正简单的Google Chrome WebFonts修复”

- BitProcessor