Windows XP、ClearType 和微软雅黑字体的那点事 #15

Open
cssmagic opened this Issue Jul 13, 2013 · 7 comments

Comments

Projects
None yet
2 participants
Owner

cssmagic commented Jul 13, 2013 edited

Windows XP、ClearType 和微软雅黑字体的那点事

本文的部分内容整理自我对此问题的解答: XP 中微软雅黑的安装率是多少?哪个版本的更新包中带了微软雅黑字体?ClearType 在 XP 中是自动打开的吗? - 知乎

前言

多年以来,中文网页设计师一直处于一种 “字体匮乏” 的窘境之中。

这是因为从中文 Windows 的第一个版本 3.2 开始,在相当长的一段时期内,系统自带的中文字体就仅仅局限于苍白单调的 “宋黑仿楷”。加上长期以来 Windows 在字体渲染技术方面的严重缺失,使得设计师在为中文网页选择正文字体时,基本上就只有中易宋体的点阵形态这唯一的选择。

直到 Vista 携微软雅黑字体横空出世,中文网页设计师才仿佛看到了世界的曙光。

微软雅黑脱胎于方正集团旗下的新锐字体 “兰亭黑” 家族,不仅字体的间架结构针对屏幕阅读场景进行改造,同时还针对液晶屏幕下小字号的显示效果进行逐字的笔划微调工作(hinting),以保证最终为用户呈现出清晰、平滑、易于阅读的显示效果。

因此,微软雅黑一经推出,便在中文网页设计界引发不小的震动。网页设计师和前端工程师们不禁打起它的主意——如何将微软雅黑字体广泛、安全地应用到网页设计中去?或者说,微软雅黑字体的普及率究竟如何?

微软雅黑在 XP 中的安装率

微软雅黑是 Vista 及更高版本 Windows 的标配字体,但不是 XP 的标配字体。XP 的任何一个 SP 或更新包都没有(将来也不太可能)包含它。

XP 系统上的微软雅黑字体,通常有两种来源:

  • 用户主动下载安装。
  • 安装 Office 2007 以上版本时自动获得。

windows-xp-cleartype-and-microsoft-yahei-font-0

由此可见,稍微“高端”一些的 XP 用户都有可能安装了微软雅黑字体,但 具体比率不详

对此,我的建议是:

  • 考虑这个比率不如考虑目标受众群的划分和取舍。
  • 在一定程度上考虑好无雅黑情况下的平稳退化。

微软雅黑与 ClearType

ClearType 是微软开发的 次像素字体渲染 技术,这项技术的本质是充分利用液晶显示屏单颗像素内的 RGB 三基色的次像素(sub-pixel,也称作 “亚像素” 或 “子像素”)、独立控制每颗次像素的明暗度,在次像素的级别进行字体的渲染和显示,从而令字体在水平方向上的渲染分辨率达到了原来的三倍。

微软雅黑字体只有在使用 ClearType 技术进行渲染时,才会达到最佳视觉效果。下面的图片展示了不同情况下微软雅黑字体的渲染效果:

  1. 已启用 ClearType 渲染方式
  2. 已启用传统的字体平滑渲染方式
  3. 未启用任何字体平滑技术

windows-xp-cleartype-and-microsoft-yahei-font-1

从 Vista 开始,Windows 系统默认开启 ClearType 特性。但 Windows XP 是否支持 ClearType 字体渲染模式呢?

ClearType 在 XP 中的启用率

Windows XP 原生支持 ClearType,但可能是出于对性能的考虑,默认是关闭状态。用户可以通过以下步骤在 XP 中启用 ClearType:

控制面板 → 显示 → 外观 → 效果 → 使用下列方式使屏幕字体的边缘平滑:清晰

windows-xp-cleartype-and-microsoft-yahei-font-2

XP 用户还可以通过安装微软提供的 ClearType 设置工具(ClearType Tuner PowerToy)来获得对 ClearType 效果的更多控制。

windows-xp-cleartype-and-microsoft-yahei-font-3

(图片来源:Microsoft.com)

那么,在 XP 中手动打开 ClearType 的用户比率有多少?这个数字恐怕不是很乐观。但是幸运的是,IE 7.0 及以上版本都是在自身视口内强制开启 ClearType 的(哪怕你用的不是液晶显示器)。

而 XP 下的非 IE 用户呢?或许你可以假设他们都比较 “高端”,已经给自己的 XP 手动开启 ClearType 了。

结语

在国内,Windows XP 操作系统目前仍然拥有不可忽视的用户数量。如果要在网页中使用微软雅黑作为主力字体,我们不得不考虑 XP 环境下所存在的一些不确定因素。

那么,我们有没有可能对 XP 用户的这些情况进行针对性的探测和统计,以便根据数据来做决策呢?

对于用户的 ClearType 设置情况,网页中的 JavaScript 脚本无法获取。而对于用户是否安装了微软雅黑字体,实际上是有探测方法的,有兴趣的朋友请继续关注后续文章。


© Creative Commons BY-NC-ND 4.0   |   我要订阅   |   我要打赏

edokeh commented Jul 15, 2013

这次 D2 小胖因为没有好看又免费的中文字体,PPT 都用英文写了。。。

Owner

cssmagic commented Jul 15, 2013

@edokeh 造字工房不错,我趁着某次活动买了一堆个人版字体。方正的个人版字体也不贵。免费的确实少……

edokeh commented Jul 15, 2013

造字工房没啥适合写正文的字体,写标题还不错
方正有啥适合的字体吗?求推荐

Owner

cssmagic commented Jul 16, 2013

@edokeh 适合正文的字体古今中外也没有很多款……等方正把悠黑开发完吧。现在也可以考虑方正兰亭黑,兰亭黑基本上可以视为无 hinting 的雅黑,用在 PPT 上是没问题的。方正家庭版字体每个字重大约 2~5 元,我觉得这个价格绝对没话说了。
Mac 自带的冬青黑体简体中文(Hiragino Sans GB)也是不错的选择,素质很高,有两个字重,风格和雅黑类似。如果没有特殊要求的话,它自己的中西文搭配就很合适。另外,Mac 用户还可以免费下载三个字重的兰亭黑。

edokeh commented Jul 16, 2013

感谢 ❤️

Owner

cssmagic commented Aug 13, 2013

@edokeh
造字工房今日字体特价,个人版字体一律 7 元,不要错过。 http://makefont.taobao.com/

edokeh commented Aug 13, 2013

去抢了!!

billfeller referenced this issue in billfeller/billfeller.github.io Dec 4, 2016

Open

字体那点事儿 #158

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment