例如，看看http://www.google.com/webfonts/specimen/Open+Sans。检查类型，将字体大小更改为12px等较小的字体。现在，当我在自己的网站上实现此字体时（在同一浏览器中，即Windows 7上的Firefox 10），它的渲染边缘非常差。我可以在11px，13px，15px等字体看起来更好（但不是真的可以接受），但在上面的链接看起来完美的所有这些尺寸加上像12px，14px等偶数大小等。为什么Google的开放字体示例看起来不一样，那么当我在同一个浏览器中实现它们时呢？
我已经为某种“渲染意图”规则搜索了他们的代码或类似的东西，但我只是没有看到它。他们的字体看起来如此之好，即使是在Windows浏览器上，他们的表现如何？
编辑：下面是我插入谷歌的字体预览一些文字：http://imgur.com/3eWUV 而相同样式的项目在我自己的HTML页面：http://imgur.com/QKNMp
中的“G”，在“我的点“和几乎所有的信件都渲染得很差。
请在您的浏览器上检查页面http://www.cs.tut.fi/~jkorpela/test/open-sans.html。它使用Google推荐的编码在简单的环境中测试Open Sans。白色文字上的黑色和白色文字上的灰色（12px大小）在我的Firefox上看起来都很正常。如果他们也看起来不错，那么问题出现在页面上的一些附加代码中。在这种情况下，发布仍然存在问题的代码或最小案例的URL。
我尝试了同样的事情，简单的文本在一个简单的页面上 - 在所有浏览器中都很好看（这非常棒，从我发现的一些评论中我很惊讶我没有在IE中看到任何问题已经报道）。我必须提取页面中的一些代码，直到我可以重现错误并将其发布到此处。谢谢。 – 2012-03-06 21:42:28
看来，某些包含％和em指定字体大小的外部包装会导致它在Firefox中以及Chrome在Windows上渲染得不好。清理所有的包装，使一切都使用像素，现在给我干净的结果。 – 2012-03-07 00:32:04
@Jukka即使使用测试页的变体，我在13px下的字体粗细度700（粗体）也遇到了问题。请参阅http://pastebin.com/WHWD6yUF - 'a'和'e'特别糟糕（Chrome 24，Windows）。这只是字体的限制吗？ '-webkit-font-smoothing：antialiased'没有什么区别，'text-rendering：optimizeLegibility'没有。 – fazy 2013-02-06 23:12:44
我认为可能会有一些有趣的呈现发生在父元素应用了基于％或em的字体大小的情况下，尽管我无法通过inspector @ google.com/webfonts真正展示此效果。 – 2012-03-06 19:09:26