为什么Google的开放字体示例与我在同一浏览器中实现它们时看起来有所不同？

Question

例如，请查看http://www.google.com/webfonts/specimen/Open+Sans。检查类型，将字体大小更改为12px更小的值。现在当我在我自己的网站上实现这种字体时（在同一个浏览器中，即Windows 7上的Firefox 10），它的边缘渲染效果非常差。我可以在11px，13px，15px等处使字体看起来更好（但不是真的可以接受），但在上面的链接中，字体在所有这些尺寸以及12px，14px等的均匀尺寸上看起来都很完美。

我已经搜索了他们的代码以获得某种“渲染意图”规则或类似的东西，但我只是没有看到它。即使在Windows浏览器上，他们如何使他们的所有字体看起来都很好？

修改：以下是我在Google预览字体中插入的一些文字：http://imgur.com/3eWUV 以及我自己的HTML页面中相同样式的项目：http://imgur.com/QKNMp

“g”，“i”中的点和几乎所有的字母都呈现得很差。

Answer 1

请检查浏览器上的页面http://www.cs.tut.fi/~jkorpela/test/open-sans.html。它使用Google推荐的编码在简单的环境中测试Open Sans。在我的Firefox上，白色文本上的黑色和白色文本上的灰色（12px大小）看起来都很正常。如果他们看起来也没问题，那么问题在于您网页上的一些其他代码。在这种情况下，请发布代码或最小案例的URL，但仍会出现问题。