微软雅黑or宋体?

软件开发 发表时间:2016-02-19 更新时间:2016-02-19

一、”为什么还在用难看的宋体方块字。”

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）”；

宋体的笔画清晰，阅读轻松，容易识别，特别适用于正文这类 文字密集的地方，它能够沿袭一千多年不是没有道理的。

微软雅黑，它的出现主要是为了解决宋体的上述缺陷，即不可读问题，但后来大家慢慢发现它的易读性很糟糕：笔画高低不平、颜色较淡、边缘五彩斑斓……

从易读性角度看，有人把它比作”美术字”，而此类字体通常被认为是不适合长时间阅读的，很容易疲倦。

单就一个界面来说，宋体的排版，当字号变小，就会模糊不可认，变大，就会变得特别山寨。而雅黑解决了这种美观的落差。但不可否认，宋体拥有犀利的边缘，字型紧凑，在12px左右的大小下，是非常利于阅读的。雅黑因其圆滑的身体，加上稍扁的设计，视觉余光爬过的范围受字型的干扰变大，让单字信息接受效率变低。所以，每次读稍微长一点的文章，如果是用微软雅黑字体来排版，我会觉得很吃力。

雅黑还有个问题，就是单字清晰度解决了，但由于其讲究圆滑美观，所以整体看仍是模糊的；看久了，注意力容易游走。再说间距，拉大拉宽，眼珠滚动有点累。雅黑对于字体的大小变化不敏感，大点小点儿差别不大。只是大了就让我感到很占地儿。另外，雅黑对于14px以上的大字号字体，是加粗不得的，一旦加粗，就糊涂成一团，十分难看了。我曾经也喜欢雅黑，但最后发现，还是阅读重要。只在PPT，简短文档、blog标题这些地方采用雅黑，以提高观赏性（而非阅读性），减少宋体给大家带来的审美疲劳。

对于改变浏览器字体显示的做法，建议别全改，改一个就行。还有个问题是，你改了人家页面的字体，有时会掩盖原页面的某些问题，有时则是滋生新问题，比如页面错乱等。所以做为产品经理，一定要用常态页面

雅黑是不整齐的，间距过大的，读来视觉特难受，注意力无法始终保持集中。可以说，雅黑的排版在阅读接收效率上，挺低的。

由于雅黑注重单个字体的辨析度，所以有些字体结构处理起来没有规矩，歪歪扭扭（比如”感觉”的感字，难看得就像那种写不好字的小学生写出来的）。在我看来，雅黑适合大一点的布局展示，并且留白要多，最好是图文并茂。在以阅读为主的版面里，如果要用文字本身来吸引读者，就不要使用雅黑字体了。

宋体清秀而整齐，耐看。经得住时间考验。如果现在的人觉得它丑，不是说宋体真的丑，而是你看得多了，实乃想换点新鲜感而已。宋体小五，是我最常用的文档配置。看起来舒服透顶。

宋体让人安静，我喜欢安静的感觉。宋体让人把焦点放在阅读上，而不是在界面布局的享受上；不相信可以自己用Word粘一篇密密麻麻的文字试试看，在相同时间里检测下阅读效果（阅读速度+短期记忆篇幅+理解接受度）。雅黑由于扁平稀疏，会让人有跳跃之感，它会造成人眼球挪动的不舒适。

而这些缺陷的原因，除了由于雅黑本身的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、表单控件等行内元素很困难，如果找不到折中方案，无法区分它们