字体的族类

之前对字体总是懵懵懂懂，总感觉不太重要，也习惯弱弱的在body后面加font-family加个微软雅黑，昨天折腾一天写完一个页面后发现出现问题了，原来是感觉不太重要的字体卡到我了。

我是图

如图，在我的记忆中，字体是可以向下继承的，为什么箭头所指的位置这么特殊呢，随手谷歌了一下才知道我真是OUT了，原来所有的表单元素都是无法继承body的字体属性的，
所以平常的只在body后加入字体是不行的，需要为用的表单元素单独设计字体了。

因为之前没怎么重视，所以趁着这个机会把font-family深入的学习了一下。

---

CSS属性font-family的作用是设置一组按优先级排序的字体列表，如果该列表中的第一个字体未在访问者计算机上安装，那么就尝试列表中的下一个字体，依此类推，直到列表中的某个字体是已安装的。

有两种类型的名称可用于分类字体：

• 字体族名称（family-name）
• 族类名称（generic family）

字体族名称（family-name）：
字体族名称（就是我们通常所说的“字体”）的例子包括“Arial”、“Times New Roman”、“宋体”、“黑体”等等。

族类（generic family）
一个族类是一组具有统一外观的字体族。sans-serif就是一例，它代表一组没有“脚”的字体。

我是图

你在给出字体列表时，自然应把首选字体放在前面、把候选字体放在后面。建议你在列表的最后给出一个族类（generic family），这样，当没有一个指定字体可用时，页面至少可以采用一个相同族类的字体来显示。

此处参考：http://zh.html.net/tutorials/css/lesson4.php

那他们的使用场景：

1. 通常文章的内文、正文使用的是易读性较佳的 Serif 字体，这可增加易读性，而且长时间阅读下因为会以 word 为单位来阅读，较不容易疲倦。
2. 标题、表格内用字则采用较醒目的 Sans Serif 字体，它需要显着、醒目，但不必长时间盯着这些字来阅读。
3. 像宣传品、海报类，为求醒目，它的短篇的段落也会采用 Sans Serif 字体。
4. 在书籍、报刊杂志，正文有相当篇幅的情形下，则应采用 Serif 字体来减轻读者阅读上的负担。

---

• 本博客版权归羞涩的涩和饥人谷所有，转载请注明出处