1

我在我的网站上使用了两种 Google Web 字体。它们是 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 调用它们会怎样？在那种情况下，谷歌浏览器会很好地渲染这些字体，或者我仍然会遇到同样的问题并且字体渲染很差？？？

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

谢谢你们！

4

2 回答 2

1

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

我的理解是，问题与@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 上列出-也许您可以在另一个字体网站上找到它？或者字体松鼠上可用的另一种类似字体？

于 2014-02-23T22:54:10.127 回答
0

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

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

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

看这篇文章

于 2014-07-02T22:48:31.387 回答