当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > serif和sans serif:西方国家的字母体系

CSS样式表
网页布局教程:掌握CSS网页布局属性
WEB标准的CSS网页布局技巧5则
你怎么书写CSS代码?
CSS教程:表单元素不继承body的字体属性
调整CSS的方式给滚动条换色
CSS网页布局中表格制作实例
网页设计学习教程:CSS盒模型
网页制作学习教程:CSS Position
网页九宫格布局:应用透明的外圆角
CSS网页布局学习的参考诀窍
把网页按钮伪装成超链接
CSS教程:检验CSS书写是否标准合理
你的网页最好通过HTML校验和CSS校验
网页制作教程:CSS的好处
网页制作心得:分离之后怎么做?
CSS教程:数字和字母将容器撑大问题解决
CSS Sprites优化网页代码的方法
CSS实例:精简代码的兼容各浏览器的滑动门
CSS网页制作技巧:提高CSS可阅读性
英文教程:CSS的Float

CSS样式表 中的 serif和sans serif:西方国家的字母体系


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 125 ::
收藏到网摘: n/a


在西方国家的字母体系,分成两大字族:serif及sans serif。其中typewriter打字机字体,虽然也是sans serif,但由于他是等距字,所以另独立出一个Typewriter字族出来。serif的意思是,在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有不同。 sans serif就没有这些额外装饰,而且笔画粗细大致上差不多。像Times、Times New Roman等都是属于serif的字体,而 Arial、helvetica则是属于sans serif的字体。 (1) serif和sans serif 的一般比较:
-------------------------------------
* serif 的字体较易辨识,也因此易读性较高。反之 sans serif则较醒目,但在走文阅读的情况下,sans serif 容易造成字母辨识的困扰,常会有来回重读及上下行错乱的情形。
* serif 强调了字母笔画的开始及结束,因此较易前后连续性的辨识。
* serif 强调一个word,而非单一的字母,反之sans serif则较强调个别字母。
* 在很小字的场合,通常sans serif会较serif 字体较为清晰。 (2) 适用于不同用途
-------------------------------------
通常文章的内文、正文使用的是易读性较佳的serif字体,这可增加易读性,而且长时间阅读下因为会以 word 为单位来阅读,较不容易疲倦。而标题、表格内用字则采用较醒目的sans serif字体,他需要显著、醒目,但不必长时间盯著这些字来阅读。
像DM、海报类,为求醒目,他的短篇的段落也会采用sans serif字体。但在书籍、报章杂志,正文有相当篇幅的情形下,应采用 serif 字体来减轻读者阅读上的负担。 (3) 中文的情况
--------------------------------------
在中文的情形也是有相当于serif的字体,例如明(宋)体就是serif 的,他通常是和Times Roman字族来搭配的。而黑体、圆体就相当于是 sans serif 的字体。在中文直排的情况,比较不容易显现serif/sans serif之间的差异性,但是在目前中文横排相当的普遍的情形下,以上所述及的易读性、醒目性也是适用于中文。很常看到中文出版书籍、杂志,内文使用了不易阅读,但却很醒目的黑体或圆体,这对读者来说,在长期阅读之下很容易就引起眼睛不舒服,似乎是应该尽量避免才是。
serif [ˊserif]  衬线 (某些印刷体字母各端部的短线)
sans serif [sænˊserif]  无衬线字体, 没有衬线的铅字体
sans [sænz]  没有,在外,外部