宋体 vs 微软雅黑——成见 vs 眼睛?
[2011-01]
一、“为什么还在用难看的宋体方块字。”
1、宋体之所以被批评为“难看”,是因为它没有包含足够的hinting(字体的额外资讯,它告诉render该如何处理细节部分,使得在不同大小时能够好看), 所以当字号小于8pt(11px)或大于14pt(19px)时,会出现断裂、残缺、粗细不均的情况;
2、很多人以为从vista开始,windows的默认字体是微软雅黑,但他们也许不知道:xp的宋体版本为3.03,从vista开始已经完全改为 5.0,并且同时使用2种默认字体:在GUI界面、标题文字、帮助文档等重要的地方,使用微软雅黑;在正 文部分(如记事本的内容,默认没有指定字体的网页)、阅读区域,实际上使用的是宋体5.0;只不过,宋体5.0比3.03要“胖”一些、“圆”一些,所以用户不易区分它,甚至误以为是微软雅黑。
3、关于微软雅黑和宋体哪个更好,一般有2种看法:
- 多数人会说:这是个主观和习惯的问题;
- 有2个词:“易读性(legibility)”、“可读性(Readability)”;
宋体的笔画清晰,阅读轻松,容易识别,特别适用于正文这类 文字密集的地方,它能够沿袭一千多年不是没有道理的。
微软雅黑,它的出现主要是为了解决宋体的上述缺陷,即不可读问题,但后来大家慢慢发现它的易读性很糟糕:笔画高低不平、颜色较淡、边缘五彩斑斓……
从易读性角度看,有人把它比作“美术字”,而此类字体通常被认为是不适合长时间阅读的,很容易疲倦。
而这些缺陷的原因,除了由于雅黑本身的Hinting信 息仍不是那么精细外,另一个重要原因在于ClearType。ClearType提出的初衷是因为LCD没法很好的显示小字号的点阵字体,所以要亚像素去 填充锯齿,关于它的原理和缺陷这里有篇详尽的介绍:http://www.xieyidian.com/?p=1057;
c. 然后是2种字体的阅读对比:
宋体14px:http://www.moonless.net/demo/27/
微软雅黑14px:http://www.moonless.net/demo/27/2.html
二、“某些网站的css支持雅黑”,“font-family: Arial,Helvetica,sans-serif;”
这是个错误的写法。
它的初衷是想让macOS能够使用Helvetica字体,但写反了,Arial在macOS中同样普遍存在,这样 helvetica根本没有被使用到的机会。正确的写法至少是:font-family: Helvetica,Arial,sans-serif;
另外,如果不设定中文字体,浏览器会去寻找os的字符映射,但如果字符映射错了(比如 linux用户自行修改过),那么显示的既不是宋体,也不是雅黑。
三、“我突然发现有些网站也开始支持雅黑字体了”
有些用户使用了类似“火狐中国版”这样的浏览器,它们默认不允许站点使用 css指定的字体:
![]()
四、全文改成微软雅黑的技术问题
1、除了上面提到的易读性问题,IE拖动页面时,雅黑体抖动会更明显;
2、微软雅黑、宋体3.03、宋体5.0的x-height不同,垂直对齐文字中的icon、表单控件等行内元素很困难,如果找不到折中方案,无法区分它们





