N006 中英字体的规则与使用



最近关注了"苹方"字体的进展后,我觉得有必要系统的学习一下字体相关的知识了。以下总结主要围绕字体规则与使用,此外还包括了一些字体设计的基本理念。

基本分类与平台惯例

虽然不能覆盖所有字体,但有无衬线是大部分字体的最基本划分。

衬线是笔画的装饰,有衬线字体(Serif)强调整个单词,适合大字号或者长篇幅;无衬线字体(Sans-Serif)强调单个字母,适合小字号或者短篇幅。但是关于哪种字体更适合阅读,研究界至今没有定论(阅读体验是极为主观的事情,我个人更喜欢无衬线)。

关于平台惯例的话,Windows力推的是自家的微软雅黑(Microsoft YaHei),Mac则是使用的华文黑体(STHeiti)。好消息是这款不那么招人喜欢的字体很快就会被"苹方"取代了。

字体使用规则

浏览器在渲染某个字符的时候,会优先使用CSS规则中排序靠前的字体。但由于中文字库包含英文字母而反之并不成立,我们在使用font-family属性时需要先指定英文字体,再指定中文字体

另外还需要注意两个重要的细节:中文字体的中文名称和英文名称都应列出;英文名称由多单词构成时应该加引号。

中英字体的现状

英文字体的基本类就是有无衬线,而中文字体其实也有与之相似的对应字体:黑体(SimHei)对应无衬线,宋体(SimSun)对应有衬线

英文字体

英文字体最流行的是"Helvetica",由于普及程度过高而让很多设计师以无特色为由避而远之,但确实是一种极为"安全"的字体。其实说到安全字体,或许Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Times New Roman,Trebuchet MS,Verdana这些会更加安全。

想到"Comic Sans MS",我想在讲中文字体前插播一张tips...

tips on fonts
Tips on Fonts

PS:说实话我还挺喜欢Comic Sans MS的...

中文字体

回到中文字体。中文字体目前差不多是由"微软雅黑"掌权的,此外,M$ Office中内置了很多华文字体。如今设计界倾心于各种黑体,这让小众的仿宋(FangSong)和楷体(KaiTi)地位极其尴尬,而隶书(LiSu)和幼圆(YouYuan)就真没什么使用场景了。

关于冬青黑体和思源黑体会在下面一部分进行讲解。

字体设计与趋势

英文字体设计已经十分成熟了,所以下文主要围绕中文字体来说明。

由于字库量大,导致中文字体设计极其复杂。相比千姿百态的英文字体,中文字体确实非常少,而且大都不支持web font。不过市场越来越重视中文字体,字体开发者也越来越多,包括苹果在内的大厂也开始重视群众的呼声。关于字体设计的规则,除了字符库要完善,我认为需要着重考虑两点:

  • 相比易读性(readability)的研究,可读性(legibility)显得更为重要,甚至某种程度上易读性只具有潜在价值
  • 同等字重的设定要保证不同语言具有相同的实际字重,以适应中英日等多语言的混排效果

目前中文字体界受到追捧的热门趋势字体主要有两种:

  • 冬青黑体(Hiragino Sans GB)是第一款被国标认可的日文字体,但毕竟基于日语文化的设计并不会很好的照顾中国人的视力卫生。
  • 思源黑体(Source Han Sans)是Adobe主导的、包括Google在内的多方人员集体开发的字体,优点是大字面和多字重(7种)。

最后,我对中文字体开发的未来很看好,而有字库justfont对web font的探索和努力也坚定了我这个信念。

参考文章

评论