从 Google Font API 加载的 WebFont 仅在 Windows 上的 Firefox 3.6 中看起来很糟糕答案

【问题标题】：WebFont loaded from Google Font API looks awful in Firefox 3.6 on Windows only从 Google Font API 加载的 WebFont 仅在 Windows 上的 Firefox 3.6 中看起来很糟糕
【发布时间】：2011-04-14 08:33:12
【问题描述】：

对于我们正在开发的网站，我们一直在使用来自 Google 的 WebFonts API 的Lato。它在所有浏览器（甚至 IE）中都能完美运行，除了一个非常重要的情况：Windows XP 上的 Firefox 3.6（尚未在 Win 7 中测试）。字体加载并显示，但字符看起来很糟糕，就像抗锯齿完全失灵。

由于浏览器中的错误，我的谷歌搜索发现了有关 FF4 中 webfonts 问题的点击，但我找不到任何关于 3.6 的信息。有什么办法可以解决这个问题吗？

【问题讨论】：

可以将粗体样式应用于已经粗体的字体，即failsville。如果您还没有启用 ClearType，您还需要启用。

标签： css font-face firefox3.6 google-webfonts

【解决方案1】：

Google 的字体看起来像这样的原因与字体的 GASP 表中的设置有关。此表为尺寸范围切换“灰度”和“网格拟合”。我查看了 Google 发送到您的网站的字体，并且打开了 0-13 大小的灰度。 14-18 设置为网格拟合，导致黑白渲染。然后为灰度和网格拟合设置 19+。我敢打赌，如果您将文本大小更改为 13 像素，它会突然变为抗锯齿。

对于Font Squirrel字体，我们设置GASP表为4px以上的所有尺寸渲染灰度+网格拟合。

【讨论】：

我切换到了 Font Squirrel 版本，在稍微调整了样式表后，它运行良好。感谢您的深入解释。
也帮助了我！我在使用 Google 提供的 Lato Light 时遇到了问题——在任何 Windows 浏览器上，它看起来都很糟糕（OS X 很好）。从我的服务器加载字体松鼠 ttf 解决了这个问题。

【解决方案2】：

Google webfonts 与从Font Squirrel 下载的相同字体之间似乎存在差异，请参阅此（不相关...）question。

所以我会尝试使用他们在 Font Squirrel 提供的版本，看看是否能解决问题。

【讨论】：