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

CSS样式表
图片的alt(替换文本)属性描述
CSS布局实例代码 两列布局实例
将PSD网站模板转换为XHTML+CSS
div+css 定位浅析
CSS 浏览器专用
css设置z-index 失效的解决方法
Div+Css实现屏蔽效果
css 鼠标经过文字变色
不用JS只用CSS制作的网页下拉菜单
CSS 类名的长命名和短命名
css ul li 的使用及浏览器兼容问题
div中英文无法自动换行的解决办法
CSS 基础教程 在网页中使用CSS
CSS技巧 使用标签来创建导航菜单(滑动门教程)
用css创建一个类似按扭的导航
css 横向菜单实现代码
使用CSS做出一个嵌套导航.
css 列表菜单的设计
网页中图片应用CSS的滤镜的效果
CSS 漂亮搜索框美化代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 58 ::
收藏到网摘: 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]  没有,在外,外部