为什么我的字体在IE9中看起来好多了?

时间:2011-04-26 17:43:07

标签: css internet-explorer fonts internet-explorer-9 cleartype

我将font-family: Myriad; font-size: 40px用于某些文字。我不敢相信IE以最好的质量显示字体!比Opera,Firefox和Chrome好多了。

怎么可能?如何让其他浏览器中的文本看起来与IE一样好?

这是一个演示:

http://jsfiddle.net/55Ruh/3/

在所有浏览器中尝试此链接。 IE(最新版本,9)显示最好和最优质的文本,不是吗?

2 个答案:

答案 0 :(得分:10)

简单地说:这是因为IE9引入的a new font rendering engine主要基于WPF's ClearType implementation中的内容。它的增强型发动机在减少锯齿状边缘方面做得更好,使字体看起来更平滑,更好,特别是在大尺寸时。

深入了解 - 我的意思是真正技术 - 这种ClearType与Windows其他部分不同,也称为GDI ClearType(适用于Windows的GDI图形)图书馆)。旧的GDI ClearType是大多数其他浏览器的Windows版本基于它们的字体渲染引擎的格式,也是使大字体看起来非常粗糙的字体。

第二个链接的以下段落总结了其余大部分内容,这很好地解释了为什么字体在IE9的新引擎中看起来更流畅:

  

与以前版本的ClearType相比,显着改进是使用子像素定位。与GDI中的ClearType实现不同,Windows Presentation Foundation(WPF)中的ClearType允许字形在像素内开始,而不仅仅是像素的起始边界。由于定位字形的这种额外分辨率,字形的间距和比例更加精确和一致。

请参阅Y-direction anti-aliasing上的部分,并附上屏幕截图进行比较。另一句话:

  

Windows Presentation Foundation(WPF)中的ClearType在y方向级别上提供抗锯齿,以平滑任何锯齿状边缘。

答案 1 :(得分:5)

“使文字在IE浏览器中如此精彩”,您可以尝试text-shadow

text-shadow:0 0 1px #eee;

现场演示: http://jsfiddle.net/simevidas/55Ruh/5/