简短回答:如果您使用的是Windows 7,则归咎于浏览器;如果您使用的是Windows 8,则归咎于浏览器和显示器。
为什么Google Chrome在Windows 7上看起来很差?
Windows上最新版本的Google Chrome使用GDI,这是一种提供传统文本呈现的API。 GDI依赖于强提示字体(显式指定如何重新塑造字符以使它们看起来更清晰,不那么锯齿状)。 Google的大多数网络字体不太可能提供GDI需要呈现平滑文本的强提示字体。
其次,GDI并不是在大字体尺寸普遍的时代设计的,因此它无法在大字体尺寸下呈现平滑的文本。 即使在已经很好提示的系统字体(例如Arial)中也会发生这种情况。
然而,Android内置的文本渲染器要更好一些。
应该归咎于Google Chrome在Windows上使用旧的API。
替代方案
Internet Explorer 9+和Mozilla Firefox使用Direct2D,这是一种提供更好文本呈现的新图形API。 但是,它仅支持Windows Vista和Windows 7。 您会发现,在Windows XP上,IE和Fx将以更或多或少相同的方式呈现文本,因为该平台上只存在GDI。
更多关于Cleartype
Cleartype是一种用于在显示器上平滑文本的多种呈现方法。 GDI使用的Cleartype方法与Direct2D使用的方法大不相同。 为了使事情更加复杂,Direct2D可以模拟GDI中的Cleartype渲染,或者使用Direct2D中默认的Cleartype和GDI中的Cleartype之间的交叉。 网页开发人员无法做太多事情,只能希望浏览器选择适当的方案。 请注意,对于某些人来说,Cleartype可能看起来更平滑,而对于其他人来说,则可能看起来模糊。
Windows 8的问题
好像事情还不够复杂,在Windows 8中,在IE 10和Windows Store应用程序中,Cleartype在水平和垂直轴上都使用灰度反锯齿,而不是亚像素反锯齿。 这是因为在Windows 8中,屏幕更有可能旋转,并且使用亚像素反锯齿会断裂,因为亚像素不再垂直于抗锯齿方向。 由于灰度反锯齿不使用亚像素,因此如果您的显示器像素较大(即低dpi / ppi显示器),则看起来会很糟糕。
但是,这不是Android和iOS所做的吗?
灰度反锯齿确实是Android和iOS使用的方法。 但是,由于这些移动设备具有如此高的dpi屏幕,因此它看起来几乎与亚像素反锯齿提供的效果一样好。
@font-face
声明吗? - Eric Hotinger