例如,看看
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”中的点和几乎所有的字母都呈现得很差.

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