| CSS3 基本知识CSS3 选择器CSS3 字体(Font)CSS3 文本(Text)CSS3 背景(Background)CSS3 边框(Border)CSS3 盒状模型(Box Model)CSS3 多列布局(Multi-column)CSS3 列表(List)CSS3 表格(Table)CSS3 颜色(Color)CSS3 布局(Layout)CSS3 过渡(Transitions)CSS3 动画(Animations)CSS3 文字移动(Marquee)CSS3 2D 变换(2D Transform)CSS3 3D 变换(3D Transform)CSS3 语音(Speech)CSS3 RubyCSS3 超链接(Hyperlink)CSS3 行盒(Line Box)CSS3 分页介质(Paged Media)CSS3 用户界面(User Interface) |
Serif and Sans Serif 衬线字体和无衬线字体字体类型可分为2组:Serif(衬线字体) 和 Sans Serif(无衬线字体),Serif 的意思是,在字的笔画开始及結束的地方有额外的装饰,而且笔画的粗细会因直橫的不同而有不同。相反的,Sans Serif 则沒有这些额外的装饰,笔画粗细大致差不多。 下图就是 serif 字体的例子:
下图就是 san serif 字体的例子:
它们之间的区别,可以使用下面的图示进行说明,图中红色的部分就可以称之为衬线装饰,另外,衬线字体和非衬线字体的笔画粗细不同,可以看到横、竖笔画的粗细:
从上图可以看到: Serif 字体容易辨认,易读性较高;Sans Serif 则较醒目。在文章内容部分,Sans Serif 则容易造成阅读困难,尤其是英文字母。 在小字号的情况下,Sans Serif 比 Serif 更清晰。通常,文章正文使用 Serif 字体,可增加易读性,清晰、容易辨认,不容易导致视觉疲劳。而标题、表格內用字则采用较醒目的 Sans Serif 字体,它需要显著、醒目,但不必长时间盯著这些字来阅读。需要吸引眼球的宣传品、海报类文字,短篇的段落常采用 Sans Serif 字体。 本属性最后更新时间:2011-05-03 14:55:47
|