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

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

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

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

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

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

最后附一篇很有意思的字体科普文章:
http://blog.sina.com.cn/s/blog_6d01f5790100rukv.html
16835 次点击
所在节点    问与答
88 条回复
riophae
2014-11-26 21:11:00 +08:00
@emric 好吧, 我确实只能算是一个伪字体爱好者. 不过你能给出一些理由, 来告诉我微软雅黑究竟哪些地方要比微软正黑好很多吗?
riophae
2014-11-26 21:13:37 +08:00
@kidlj 思源黑我确实没怎么用过.. 但是之前看一些截图感觉挺漂亮的. 我至少会试一试, 感谢推荐~ :)
Havee
2014-11-26 21:14:22 +08:00
网页设计,首先确定字体族,然后尽量选靠近风格的字体,这样不是更加事半功倍?
riophae
2014-11-26 21:17:00 +08:00
@Havee 我先问一个问题, Windows 下除了微软雅黑, 宋体, 微软正黑, 还有什么字体适合用来当做网页正文字体?
riophae
2014-11-26 21:19:02 +08:00
@emric 我想可能还有一个因素吧, 微软正黑是蒙纳设计的, 微软雅黑是方正设计的. 不是说我这两家字体设计公司我更喜欢谁, 但是在我所知道的这两家公司的字体里, 我一般都偏向蒙纳出的字体..
Havee
2014-11-26 21:21:06 +08:00
@riophae 三个字体选择的话,显然宋体,条件就是 <16px 的网页。难道不是?
网页设计首要原则就是不难看,不伤眼,其次再来讨论好看与否吧
edwardaa
2014-11-26 21:28:54 +08:00
其实很明确了,雅黑高低不齐的问题呈现出来就会很严重,除非是打印出来的。。。。
pgfast
2014-11-26 22:04:12 +08:00
个人喜欢微软雅黑Light
zhouzm
2014-11-26 22:09:37 +08:00
@riophae

我个人平时中接触到的用户(仅仅是用户,而不是网页设计者)在使用浏览器的时候,绝大多数都喜欢雅黑字体,很多人会安装 Chrome 的强制字体扩展,把字体替换为雅黑。在 Window 下还会安装 mactype 替换系统的字体渲染。
riophae
2014-11-26 22:20:08 +08:00
@zhouzm 这种人我也见过很多..
lausius
2014-11-26 22:27:17 +08:00
首先我建议你去极限社区逛一圈,相信你会自己找到答案的。

我以前挺喜欢雅黑,现在自用的话,已经基本抛弃它了。雅黑这字体,多的不说,首先字重先天就不行,而且中宫太肥太夸张,所以如果满屏雅黑的话,很容易出现视觉疲劳,只适合口味重的人。当然,大部分人都不能否认雅黑在windows环境下的显示效果,而且还有最重要一点,除了宋体,雅黑现在最普及,最大众。
至于微软正黑,这是个好字体,其实我推荐你用它,但如你所见,它不够大众。所以还是要看你们公司网站的定位,到底是想要面向大众,还是要给人与众不同的感觉。
另外还有人提到宋体,我的看法是,对于电脑显示,尽量别用有衬线的中文字体。避免使用宋体除了别在样式里边直接加simsun之外,还有别给页面单纯定义一个英文字体,这样的话浏览器一般都会自动fallback到宋体上来,如果你定义的是无衬线的英文字体,跟宋体混用时效果很渣。
思源黑体的话,如果真的要用,可以考虑在标题字体上定义webfont。正文的小字号字体不建议使用。

不过说半天,其实我最建议在样式里边直接只写san-serif,或者serif来定义字体样式,将这项工作交给浏览器来完成。当然了,如果用户自己没有在浏览器定义字体的话,显示的字体便是浏览器默认的效果,在windows环境下通常是宋体。这也许会影响到显示的效果,但反过来说,既然用户自己没有在浏览器设置字体的话,说明该名用户本身就对字体就不在乎,这时交给浏览器自己定义,给他宋体是没错的。
alioth310
2014-11-26 22:30:14 +08:00
@riophae 刚才使用这个网页测试了下,宋体/新宋体在11px下就已经发虚了,微软雅黑在11px下还很舒服,10px下才会发虚
riophae
2014-11-26 22:32:51 +08:00
@lausius 非常非常感谢, 终于等到一个如此有价值的评论~ :)
我们公司是一家生物科技公司, 现阶段面对的都是一些专业人士, 所以从定位上来说并不算大众. 至少我觉得可以做一次大胆的尝试, 我希望能让我们公司给人一种不同的感觉, 但也希望别让人家过于反感. 再次感谢你的建议~
momou
2014-11-26 22:33:20 +08:00
>15px的用正黑好看。。。
riophae
2014-11-26 22:34:08 +08:00
@alioth310 你说的这个很正常, 但是现如今如果哪个设计师在网页正文用 11px 以下的字号绝对会被打死的.. 即便是 12px 都已经很少用了.
riophae
2014-11-26 22:34:31 +08:00
@momou 哈哈谢谢~ ^^ 目前暂定网页正文用 15px..
wadezhao
2014-11-26 22:37:44 +08:00
@herozzm 没错…………这根本和什么字体好看无关,用户的机器默认根本就没有什么微软正黑,中易宋体,你把默认字体设成这个,结果就是绝大部分用户看到你的网站上用的是宋体……………………
linking
2014-11-26 22:40:22 +08:00
正黑是好看,但是他的标点不会让一般用户觉得奇怪吗?至于雅黑light和思源黑体在网页上渲染效果太差,我觉得微软雅黑真的是Windows下最标准的能看的字体了
riophae
2014-11-26 22:48:19 +08:00
@wadezhao 你可以去认真研究研究下再来吐槽..
lausius
2014-11-26 22:49:37 +08:00
@riophae
yixi.tv 这个网站在我这边显示的就是正黑,你可以先看看效果。反正我这边有mactype,显示效果肯定没问题,不过你做项目就不一样,还是要考虑普遍的显示效果和大众的口味。
一般来说我建议你这样写font-family: "Hiragino Sans GB","Microsoft YaHei",sans-serif; mac下就用冬青黑,windows下就雅黑,再补一个sans-serif,足够了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/149450

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX