Google Web 字体在 Chrome 中呈现不佳。解决方案？答案

【问题标题】：Google Web Fonts poorly rendered in Chrome. Solution?Google Web 字体在 Chrome 中呈现不佳。解决方案？
【发布时间】：2013-10-11 10:54:19
【问题描述】：

我在我的网站上使用了两种 Google 网络字体。它们是 Roboto Slab 和 Fauna One。它们在最新的 Mozilla Firefox 和 IE10 中看起来不错，但由于某种原因，它们在 Google Chrome 中看起来很糟糕。

它们链接到我的网站如下：

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>

我花了一段时间才意识到 Google Chrome 的网络字体存在问题，而且它的渲染效果很差。我想知道是否有解决方案？

如果我下载这两种字体类型并将它们嵌入到我网站的主目录中，然后通过 @font-face 属性通过 CSS 调用它们会怎样？在这种情况下，谷歌浏览器会很好地呈现这些字体，否则我仍然会遇到同样的问题并且字体呈现不佳？？？

或者这个问题有其他解决方案吗？

谢谢大家！

【问题讨论】：

我尝试了我上面提出的解决方案。它显示了我想要显示的字体，但谷歌浏览器中的渲染仍然相同。而且看起来不太好我该如何解决这个问题？有人吗？
出于兴趣，您有没有找到解决方案？我对 Roboto 和 Chrome 也有同样的问题...
嗨扎克。我还没有找到解决方案。如果你找到了请联系我。谢谢！

标签： google-chrome fonts

【解决方案1】：

我相信我看到了一些关于 Chrome 的错误报告，其中提到这将得到修复 - 但我不能 100% 确定。我相信这实际上并不是 100% 是 Chrome 的错...

我的理解是，问题在于 @font-face 指令中字体类型的显示顺序。因此，Chrome 处理不止一种类型，但并非所有类型都会以相同的质量呈现。显然，谷歌实际上并没有以正确的顺序从 fonts.google.com 提供字体 - 不知何故......

最后我发现，至少有了Roboto（我也在一个项目中使用它），它可以在 Font Squirrel 上使用（并且在 Apache 2.0 许可下开源） - 所以你可以在此处下载：http://www.fontsquirrel.com/fonts/roboto（下载 Webfont Kit 以获得完整的跨浏览器字体支持） - 如果您从自己的 Web 服务器使用它，您将失去将它托管在 Google 服务器上的 CDN 优势，但是恕我直言，我宁愿比处理如此糟糕的文本要多花几毫秒的时间......

很遗憾，我无法为您提供Fauna One 的帮助 - 它似乎没有在 Font Squirrel 上列出 - 也许您可以在另一个字体网站上找到它？或者字体松鼠上可用的其他类似字体？

【讨论】：

您应该能够将任何 Google Web 字体下载到您的桌面上。只需将字体添加到“您的收藏”中，某处应该有一个“下载收藏”按钮。
啊，我不确定 - 我从来没有花时间检查那里的许可。很高兴知道。谢谢

【解决方案2】：

从网络浏览器的角度来看（Chrome 是有问题的浏览器），Windows 中的 Chrome 35 难以呈现某些字体，例如 Roboto，而没有一些可怕的伪影使字体难以阅读。

有一个名为 DirectWrite 的功能将默认包含在未来版本的 Chrome 中，以解决此问题。您现在可以在 Chrome 35 中启用它，方法是转到浏览器 URL 栏中的 chrome://flags。您可以Enable DirectWrite（在 Chrome 35 中进行实验），关闭浏览器，打开并重试。

为了清楚起见，我在 Chrome 35 for Windows 上发现了这个问题。 DirectWrite 是用于在 Windows 中呈现字体的 DirectX API。 Chrome 默认使用 Windows 图形设备接口 (GDI)，这似乎是个问题。

见this article

【讨论】：