苹果专注于还原字形设计的本来面貌,会用一些模糊的设计。而微软则更倾向字体的清晰,可读性 Core Text 尊重字体的外形设计,这使得字母将变的浑厚 The rendering on iOS follows the same principles as on Mac OS—the main difference is that it currently does not employ subpixel rendering. The reason might be that when the device is rotated, the system would have to re-think and update the rendering because the subpixels are physically oriented in a different way, and the makers wanted to minimize CPU use.
windows 操作系统为用户提供了一些自定义选项供选择: ClearType(sub-pixel antialiasing- 亚像素抗锯齿 ), 标准 (grayscale antialiasing- 灰度抗锯齿 ) ,无抗锯齿 ( 黑白文本 ) 。在 Windows 7 and Windows Vista 中, ClearType 是默认开启的,而在 Windows XP 中默认开启的是标准 (Standard) 选项。在后面关于浏览器的文章里我们还会提到这些自定义的内容,某些浏览器是有自己的字体平滑选项的。
DirectWrite 是微软最新最优的渲染引擎, Windows 7 和 Windows Vista 上都有。它比 CoreText 和 windows 上老版本的渲染引擎表现的更加清晰和平滑,且弱化了强烈的色彩边缘。相对于 CoreText , DirectWrite 在垂直方向的抗锯齿的表现显得更加平滑,并且抗锯齿不仅对文本自身有影响,还对字母水平方向 ( space letters horizontally ) 的空间有影响,也就是说,字母将相对更自然的一个接一个的摆放,相对于微软的老渲染引擎 GDI 也同样有这样的优势。 相对于 CoreText , DirectWrite 在垂直方向的抗锯齿的表现显得更加平滑
在 LCD 屏幕上水平方向的每一个像素点的会包含红、绿、蓝 3 中颜色。 总结下,大多数的文本渲染是以上 5 种类型中的一种。 Mac OS X 用户使用 CoreText , Windows7 和 Windows Vista 用户使用 DirectWrite 或 GDI,Windows XP 使用 GDI. 目前为止,我还没有涉及 Linux 和 Android 操作系统(如果你有相关经验,可在下面的评论区回复)。在接下来的文章里,将会看到偏好设置、浏览器、字体格式以及 CSS 属性它们对字体渲染的影响方式。
Iso 渲染引擎一样 但是不是不是用亚像素抗锯齿 而是用灰度渲染
Mac 操作系统中的浏览器 在 Mac 中,所有浏览器都使用系统默认的文本渲染引擎: Core Text ,以及字体平滑设置。所有在 Mac 上,不管你使用什么浏览器,字形的表现都是统一的。 Windows 操作系统: Firefox, Chrome, Safari, Opera, and IE6 一般来说,对于指定的字体,指定的操作系统,字形的表现会是统一的。上篇文章有说过, Windows 7 and Windows Vista 默认使用 ClearType sub-pixel antialiasing , 而 Windows XP 则是 Standard grayscale antialiasing 。 Windows: IE7 and 8 IE7 默认有个称作“总是使用 ClearType” 的设定,它重写了系统的字体平滑设置。也就是说就算你使用 Windows XP 操作系统,它也是这样。 IE8 像 I7 一样,也默认有这样的设定。但是区别是,当安装了 IE8 后, 它会强制把系统的字体平滑设置改为 ClearType 次像素渲染。这就意味着这个设定是系统级的,影响是全面的。举个例子,假如你现在用 Window XP 操作系统,使用的是 Firefox 浏览器,而且你也没有自定义过 Firefox 的设置,但是当你现在安装了 IE8 后,你的 Firefox 也会和 IE8 保持一样了。 Windows: IE9 and Firefox 4 IE9 的文本渲染是别具一格的,它统一使用微软的 的 DirectWrite 文本渲染引擎,其可以使字形看起来非常不错。 Firefox4 据说也会使用 DirectWrite 文本渲染引擎。