衬线(Serif)和⽆衬线(Sans-serif)字体的区别
在西⽅国家罗马字母阵营中,字体分为两⼤种类:Sans Serif和Serif,打字机体虽然也属于Sans Serif,但由于是等宽字体,所以另外独⽴出Monospace这⼀种类,例如在Web中,表⽰代码时常常要使⽤等宽字体。
Serif的意思是,在字的笔划开始及结束的地⽅有额外的装饰,⽽且笔划的粗细会因直横的不同⽽有不同。相反的,Sans Serif则没有这些额外的装饰,笔划粗细⼤致差不多。如下图:
可以看出,我们平时所⽤的Georgia、Times New Roman等就属于Serif字体,⽽Arial、Tahoma、Verdana等则属于Sans Serif字体。对中⽂⽽⾔,同样存在这两⼤种类,很明显,宋体、细明体(繁体中常⽤)等就属于Serif,⽽⿊体、幼圆等则属于Sans Serif。
Serif和Sa ns Ser if的⼀般⽐较:
①Serif的字体容易辨认,因此易读性较⾼。反之Sans Serif则较醒⽬,但在⾏⽂阅读的情况下,Sans Serif容易造成字母辨认的困扰,常会有来回重读及上下⾏错乱的情形。
②Serif强调了字母笔划的开始及结束,因此较易前后连续性的辨识。
③Serif强调⼀个word,⽽⾮单⼀的字母,反之Sans Serif则强调个别字母。
④在⼩字体的场合,通常Sans Serif⽐Serif更清晰。
因为⿊体字属于“⽆衬线体”(Sans-serif),⽽宋体字属于“有衬线体”(Serif),后者对于⼈眼的辨识来说会更轻松⼀些,所以阅读的时候会⽐较舒服。⽇本⽂字偏欧美的⽆衬线体(Sans-serif),所以⼤部分的⼈都使⽤歌德体(相当于西洋⽂字的⽆衬线体)。
适⽤⽤途:
通常⽂章的内⽂、正⽂使⽤的是易读性较佳的Serif字体,这可增加易读性,⽽且长时间阅读下因为会以word为单位来阅读,较不容易疲倦。⽽标题、表格内⽤字则採⽤较醒⽬的Sans Serif字体,它需要显着、醒⽬,但不必长时间盯着这些字来阅读。
像宣传品、海报类,为求醒⽬,它的短篇的段落也会採⽤Sans Serif字体。但在书籍、报刊杂志,正⽂有相当篇幅的情形下,则应採⽤Serif字体来减轻读者阅读上的负担。在Web设计及浏览器设置中也应遵循此原则为是。
实际应⽤:
在Firefox 中(⽬前似乎只有Firefox有此功能),可以分别单独指定Sans Serif、Serif及Monospace的
中西⽂字体,然⽽这个选项并未设置在⼯具菜单中,不过可以在Addressbar中键⼊about: config,然后在Filter中过滤font到如下Preference Name:
手写字体Code:
space.x-western
space.zh-CN
font.name.sans-serif.x-western
font.name.sans-serif.zh-CN
font.name.serif.x-western
font.name.serif.zh-CN
你可以依照上述Sans Serif、Serif及Monospace的原则来分别指定⼀种对应字体,按照W3C的CSS规则,在font(或者font-family)的最后都要求指定⼀个Serif这样的Generic-family,避免客户端实在没有指定字体时使⽤本机上的Serif默认字体。
因为衬线字体的可读性⾮常好,所以它应⽤的最多的地⽅也正是出版物或者印刷品的正⽂内容等以⼤段⽂字作为表现形式的作品上。
⽐较常见的衬线字体有:Georgia, Garamond, Times New Roman, 中⽂的宋体等等。
⽆衬线字体⽐较圆滑,线条⼀般粗细均匀。⽐较适合⽤作艺术字、标题等。因为⽆衬线字体通常粗细⽐较均匀,所以在⼩字体显⽰的时候,可读性会降低,容易引起视觉疲劳。
常见的⽆衬线字体有:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中⽂的幼圆,⾪书等等。
其他的通⽤字体族:
印刷学中,除了serif和sans-serif之外,通常还有Monospace等宽字体、scripts⼿写体(⽐如花体)、blackletter铅字体(也叫gothic哥特体。严格的说,很多常⽤的serif字体其实是gothic字体)、ornamental 装饰体(那些在⽂字笔划上或者周围有装饰花纹的字体。很多中世纪书籍上很常见。如果脑残体真的成了字体,那么应该可以算装饰体吧……)和symbol 符号字体(⽐如有名的wedding123……)
Mo no spa c e等宽字体:
所谓的等宽字体,是指每个字符宽度都⼀致的字体。⼀个著名的例⼦就是 Courier New 字体。因为字符宽度⼀致,所以特别容易对齐,能快速精确的定位到某⾏某列,因此经常⽤来显⽰代码。
Cursive书写体:相当于印刷学中的⼿写体。中⽂的华⽂⾏草就是这样的⼀个字体。
⽹页设计中的默认字体:字体⼤⼩(12px)、⾏⾼(18px)
font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
①font-family默认采⽤Tahoma. Tahoma是英⽂Windows操作系统的默认字体,这个字体⽐较均衡,显⽰中英⽂混排很不错,是经久耐看的⼀款字体。
②Mac OS X系统有⼀款⽐Tahoma更典雅的系统默认字体:Helvetica,⾮Mac系统的Helvetica字体都是Rip版。
③Arial是早期Windows英⽂系统的默认字体,XP和Vista上都是Tahoma。
④最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel,字体完全由⽤户⾃定义,针对这部分⽤户,sans-serif可能能派上⽤场。
⑤最后,⽆论在XP还是Vista下,不指定⽹页的中⽂字体时,默认就是宋体。因此font-family⾥的'宋体'是多余的,可以省去。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论