CSS3 中文参考手册
打造最新、最全面的 CSS3 学习和参考教程。
CSS3 基本知识CSS3 选择器CSS3 字体（Font）
|
font-family 字体名称设置对象显示文字内容使用的字体名称或者字体名称列表。 语法：{ font-family: sFamily}
可能的值[[ <family-name> | <generic-family> ] [, <family-name> | <generic-family>]* ] | inherit
说明设置多个字体名称的含义是：如果系统不支持第一个字体名称，则采用设置的第二个字体名称，以此类推。 例子font-family:'Times New Roman',宋体,sans-serif Serif 和 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 字体。 等宽字体和比例字体等宽字体（Monospaced Font）是指字符宽度相同的字体。与此相对，字符宽度不尽相同的字体称为比例字体。比较常见的字母，如i,l等，在比例字体中，它们占有的宽度比 m、w 要窄，而在等宽字体中，它们占用的宽度是相同的。代码一般采用等宽字体。我们常用的 ASCII 艺术，也需要采用等宽字体，这样才不会变形。 本属性最后更新时间：2011-4-27 15:11:03
|
