关于在网页设计中选择使用微软雅黑还是微软正黑的问题

[riophae]

目前在设计公司的网站, 我个人比较倾向于使用微软正黑体作为网页中主要的中文字体 (Windows 下), 而有同事对此存在意见, 倾向于选择常用的微软雅黑字体.

我个人一直都非常讨厌微软雅黑这个字体, 最大的两个问题是文字高低不齐, 以及字体过于饱满. 用于正文排版时, 大段的文字看上去非常不整齐 (几乎我们常用的任何一个其他中文字体都不会出现这种低级问题), 而且字符与字符之间以及行与行之间如果不设置足够的间距会看上去非常拥挤, 看久了比较累. 而且我个人觉得这款字体实在缺乏 "气质" (当然这是很主观的事情), 与其他字体相比较, 很容易给人不够优雅的感觉. 即便是 Windows Vista 之后的中易宋体, 在小字号下都能给人非常美观易读的印象, 这也是为什么我宁愿用中易宋体也不会用微软雅黑.

而微软正黑体, 作为 Windows Vista 及之后版本的 Windows 捆绑提供的字体, 一直都是繁体中文用户中非常常用的一款字体 (繁体版本 Windows 的默认字体). 首先, 因为它是一款为繁体中文设计的字体, 所以在字形标准上与大陆标准存在不一致的情况, 有些字在局部写法上与大陆通用写法存在细微区别, 但在字符集方面是可以很好地支持简体中文的, 而且对于所有大陆人来说都不会存在辨认上的困难, 只是第一次碰到这类繁体字体可能会有些许不适应. 然后说说优点. 这款字体不存在字符间笔画高低不齐的问题, 而且字形比较纤瘦, 我个人认为更有气质.

所以希望大家给一些意见: 你认为微软雅黑和微软正黑哪个字体更适合网页正文内容? 如果你认为微软正黑字形更漂亮, 那么是不是还要考虑其个别字的局部写法与大陆通用标准存在差别的问题?

PS: 虽然我个人认为 Windows Vista 之后的中易宋体也是一个不错的选择, 但是我希望优先选择无衬线字体. 迫不得已再去考虑要不要用中易宋体吧.

最后附一篇很有意思的字体科普文章:
http://blog.sina.com.cn/s/blog_6d01f5790100rukv.html

[jjplay]

Mac下随意，Windows下小于16px 就不要用雅黑

[burning]

我把网页的任何字体全部自定义成自己喜欢的字体“正黑+Netto”的合体。

[imn1]

@riophae
不是9px，是9pt

[riophae]

@imn1 刚才试了下, 原来你说的 9pt 相当于 12px 呀.. 不过其实现在把宋体字号稍微调大一些 (不要太大) 也是挺好看的.

[tankb52]

讲真,我第一看到讨论字体却不贴图的.

[sun019]

中文字体网页开发指南
http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html
供参考

[0x1e240]

个人觉得正黑字体还可以，但是一时看不习惯，标点跟简中有很大差别。

雅黑一直在用，雅黑中有个light，即细体，很好看，不过网页上的效果就不知道了，而且是WIN8里才有。

华为细黑各方面都很好，只是小字体不能看。字幕，歌词之类的，我都是用这个字体。

宋体，不清楚什么中易宋啦什么的。小字号点阵，显示清晰，但是我看到点阵字体就看不下去，主要是长文阅读。大字号完败，不多说。

So，正文字体可以尝试雅黑，font-weight:300;大字号用华文细黑。超小字号用宋体。大字号短标题，不带标点可以尝试正黑。

[riophae]

@tankb52 我个人觉得贴几张截图说明不了太多问题. 字体这个东西, 尤其是当你把它用在正文排版大量使用的时候, 你必须多花时间多去尝试来感受它, 否则你得出的结论很可能是偏见. 尤其对于那些对字体并不是很敏感的人来说, 更是如此.
或许那些花很多时间研究过很多字体的人会看一眼截图就能看出很多门道吧, 但是对他们而言, 这也完全没必要了, 因为他们早就知道这个字体.

[zinev]

我写网页的时候，我宁愿不声明字体也不要声明宋体，宋体太难看了，个人感觉发虚真不是一点点，而且，现在很多网站都用的是雅黑，看习惯了挺好看的，就算长篇大论的文章也不会觉得累，倒是宋体，亮瞎眼。

[riophae]

@0x1e240 微软雅黑 Light 是专为大字号设计的, 用小字号的时候过于纤细看起来非常吃力, 而且 Win 7 没有这个字体.

华文细黑也不是 Windows 自带字体, 而是 Office 安装的字体. 它的问题是小字号下用 Windows 默认渲染方式看起来很吃力, 所以也不适合网页正文.

中易宋体就是 Windows 自带的那个 "宋体", 小字号下显示效果挺好的.

[riophae]

@zinev 宋体作为点阵字体怎么可能在小字号下发虚呢? 可以说比任何一个其他字体都要清晰.

[SLink]

我用Win8/8.1时遇到一个字体，被称为微软雅黑 Light，这和雅黑有什么关系？

[riophae]

@SLink 参考这个 -> http://www.zhihu.com/question/21265996

[zhouzm]

没有对比就没有说服力，找到一篇多年前的比较文：

http://tech.163.com/06/1120/15/30CPC9DU0009158Q.html

就个人主观感受来看，如果作为正文，后三种（日文 Meiryo、雅黑简、雅黑繁）明显要强于前两种（正黑繁、正黑简），尤其是在小号字体的情况下，大家都来体会一下。

[riophae]

@zhouzm 这篇文章其实我之前就看过了, 对于我而言比较有价值的就是 15px 的部分, 相信现今大多数网站在正文内容部分都会采用 13~16px 的字号, 所以说其它字号的对比情况没有太大参考价值.

而且这篇文章主要是在讲文字辨识度 (或者叫易读性) 方面的问题, 没有太多涉及到字体风格等在设计方面的问题.

[riophae]

@zhouzm 不知道你有没有亲自在网页或者 Photoshop 上试过这几种字体, 如果你仅仅是凭几张截图下结论, 我觉得可能不太有说服力.

[Havee]

粗体或标题，用 sans-serif 簇字体，也就是字体末端平滑的字体。
正文，用 serif 簇字体，就是字体末端有额外修饰的字体。
代码，用 monospace 簇字体，等宽字体，常用于需要清晰辨认 0O 1Il 等字母数字的终端或编辑器等。
以上常应用于 < 16px 部分。
这不是常识么？

雅黑字体末端平滑，没有额外修饰，不是应该被用作 sans-serif 簇么，就是说常应用于粗体，标题等需要醒目的地方。当然如果正文字体本身就 >= 16px，那无所谓。

[kidlj]

关于雅黑和宋体的争论，已经有过很多次了，反正谁也没法说服谁。

我个人不喜欢把雅黑设定为正文字体的网站，比如36kr.com，就是因为这个原因我从来不上它，而是选择采用宋体的ifanr.com

不过前两天我才发现，Gitcafe.com 首页上将思源字体作为首选中文字体，感觉不错。因为它有好多种font-weight，相比雅黑或者Android的微米黑，这是一个巨大的卖点。至于楼主说的“正黑”，还真没用过。

我推荐思源黑体。

[emric]

如果你觉得 JhengHei 和 Yahei 能够相提并论, 就等于一大巴掌打到了那些爱较真的字体爱好者的脸上. 从简体中文的角度来说, 即使 Yahei 它标点怪异、字符间距太小、偏大的黑度, 但它仍然是在 Windows 中显示最好的字体.

[riophae]

@kidlj 思源黑体曾经被我同事拿去打印, 那效果真的呵呵.. 当然这个字体不是设计出来印刷的.
最主要的问题是, Windows 没有预装这个字体呀..