一.示例
generic-font-families
P.S.更多英文字體示例見參考資料-五種一般字體族英文示例
P.S.更多中文字體示例見參考資料-The Complete Beginner’s Guide to Chinese Fonts
二.作用
Generic font families are a fallback mechanism, a means of preserving some of the style sheet author’s intent in the worst case when none of the specified fonts can be selected.
（摘自15.3.1 Generic font families）
由於不是所有字體在所有終端設備上都可用（有幾千種字體，而且大部分都不是免費的），CSS提供了一種fallback機制：先列出想要的字體，再列出作為替補的字體，最后以一般字體族結尾
在最壞的情況下（指定的所有字體都不可用時），能通過這種方式保留一些樣式表編寫者的意圖
一般字體族共有5個：serif，sans-serif，monospace，cursive和fantasy，相對常用的是前3個（襯線，無襯線和等寬字體族）
三.特點
serif 襯線字體族
特點：
-
具有修飾過的筆畫，向外展開的或者尖細的末端，或者是帶有實際襯線的末端
-
一筆一划末端（兩頭）都帶點變化裝飾，比如宋體筆畫末端有毛筆字的感覺
-
文字末端有差異，在小字號下仍然容易辨認。但在大字號下筆畫裝飾部分可能會顯得模糊或帶有鋸齒
示例：
-
Times New Roman、MS Georgia
-
宋體、仿宋
衍生：
-
petit-serif 小襯線字體族
末端變化不明顯，可以當做無襯線
-
slab-serif 雕版襯線字體族
末端變化非常明顯
sans-serif 無襯線字體族
sans-前綴是法語，發音為/san/，意為“無”
特點：
-
具有筆畫清晰的末端–帶有一點或者沒有向外展開的，交錯筆畫，或者其它裝飾
-
與“襯線字體”相比，如果字號比較小，看起來就會有些難以分辨，尤其段落閱讀時容易串行
示例：
-
MS Trebuchet、MS Arial、MS Verdana
-
黑體、幼圓、隸書、楷體
cursive 手寫字體族
特點：
- 像手寫的一樣
示例：
-
Caflisch Script、Adobe Poetica
-
徐靜蕾手寫體、迷你簡黃草、華文行草、少女體
fantasy 夢幻字體族
特點：
- 藝術字，主要用於圖片，頁面上用的少
示例：
-
WingDings、WingDings 2、WingDings 3、Symbol
-
蘿卜體
monospace 等寬字體族
特點：
- 每個字形都等寬，主要用於英文，中文方塊字本來就等寬
示例：
-
Courier、MS Courier New、Prestige
-
大多數中文字體
四.使用原則
常識：
-
一個頁面上不要用3，4種甚至更多字體
-
如非必要，不要在句中改變字體
-
sans-serif用於在線媒體，serif用於打印設備
-
monospace用於打字機和代碼
-
小字號場景不要用sans-serif，襯線字體更容易辨認
最佳實踐：
-
sans-serif是頁面首選，無襯線
因為在屏幕顯示設備上，襯線會讓文字變得難以辨認
-
serif不適合在線閱讀，但打印效果很好，適用於頁面打印版
襯線字體在打印的場景更容易閱讀，讓人更容易清楚區分不同字母。打印機對分辨率的要求更精細（355ppi），高分辨率下細節顯示得很清楚，而不會像屏幕顯示一樣出現模糊
-
monospace用作代碼示例
每個字符等寬，在頁面上占據相同的空間，打字機就用這種字體
-
正文不要用fantasy和cursive
可以用在圖片或者標題欄里
寫在最后
PPT不要用宋體，不是瞎說的