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

Question

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

怎么会这样？如何在其他浏览器中使文本看起来像在IE中一样好？

这是一个演示:

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

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

Answer 1

简单地说:这是因为IE9引入了一个新的字体渲染引擎,该引擎很大程度上基于WPF的ClearType实现.它的增强型发动机可以更好地减少锯齿状边缘,使字体看起来更平滑,更好,特别是在大尺寸时.

深入了解细节 - 我的意思是获得真正的技术 - 这种ClearType与Windows的其他部分不同,也称为GDI ClearType(适用于Windows的GDI图形库).旧的GDI ClearType是大多数其他浏览器的Windows版本基于它们的字体渲染引擎的格式,这也是使字体在大尺寸中看起来非常锯齿状的.

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

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

请参阅有关Y方向抗锯齿的部分以及用于比较的屏幕截图.另一个引用:

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

Answer 2

要"让文本在IE浏览器中如此漂亮",你可以试试text-shadow.

text-shadow:0 0 1px #eee;

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