对于我们正在开发的网站,我们一直在使用来自 Google 的 WebFonts API 的Lato 。它在所有浏览器(甚至 IE)中都能完美运行,除了一个非常重要的情况:Windows XP 上的 Firefox 3.6(尚未在 Win 7 中测试)。字体加载并显示,但字符看起来很糟糕,就像抗锯齿完全失灵一样。
由于浏览器中的错误,我的谷歌搜索发现了有关 FF4 中 webfonts 问题的点击,但我找不到任何关于 3.6 的信息。我们可以做些什么来解决这个问题吗?
对于我们正在开发的网站,我们一直在使用来自 Google 的 WebFonts API 的Lato 。它在所有浏览器(甚至 IE)中都能完美运行,除了一个非常重要的情况:Windows XP 上的 Firefox 3.6(尚未在 Win 7 中测试)。字体加载并显示,但字符看起来很糟糕,就像抗锯齿完全失灵一样。
由于浏览器中的错误,我的谷歌搜索发现了有关 FF4 中 webfonts 问题的点击,但我找不到任何关于 3.6 的信息。我们可以做些什么来解决这个问题吗?
Google 的字体看起来像这样的原因与字体的 GASP 表中的设置有关。该表为尺寸范围切换“灰度”和“网格拟合”。我查看了 Google 发送到您的网站的字体,并且打开了 0-13 大小的灰度。14-18 设置为网格拟合,导致黑白渲染。然后为灰度和网格拟合设置 19+。我敢打赌,如果您将文本的大小更改为 13 像素,它会突然变成抗锯齿。
至于 Font Squirrel 字体,我们设置 GASP 表为 4px 以上的所有尺寸渲染灰度+网格拟合。
Google webfonts 和从Font Squirrel下载的相同字体之间似乎存在差异,请参阅这个(不相关的......)问题。
所以我会尝试使用他们在 Font Squirrel 提供的版本,看看是否能解决问题。