serif和sans serif:西方国家的字母体系
所属分类:
网页制作 / CSS
阅读数:
1547
收藏 0赞 0分享
在西方国家的字母体系,分成两大字族: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] 没有,在外,外部
js 解决隐藏与显示div的相关问题
我的导航中就有一栏产品中心下面用隐藏个div然后鼠标放上去就显示出来,但是导航那一块div一直出不来,什么都没有,很是郁闷不知道是什么原因
收藏 0赞 0分享
ie10 css hack 条件注释等兼容方式整理
ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来解决
收藏 0赞 0分享
IE6双倍边距 IE6浏览器会出现双倍边距解决方法
所谓的IE6双倍边距就是指当元素有float属性,又有margin属性时,在IE6下面显示的margin的值是设置值的两倍,这个问题从有css技术时就已经诞生,本文将介绍详细解决方法,需要的朋友可以参考下
收藏 0赞 0分享
css 网页背景图片 怎样用CSS实现大背景网页效果
在网页设计制作中经常会遇到这样的问题:用图片做背景时,由于显示器分辨率太大或者图片尺寸太小,在页面的两边或者下部了没有背景图片,使页面变的很僵硬,于是搜集整理一些,晒出来和大家分享
收藏 0赞 0分享
查看更多