为什么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。12 像素大小的白底黑字和白底灰字在我的 Firefox 上看起来都很正常。如果您也觉得它们没问题，那么问题就出在您页面上的一些附加代码中。在这种情况下，请发布仍然存在您所看到的问题的最小案例的代码或 URL。