一.示例
[caption id="attachment_1523" align="alignnone" width="700"]
generic-font-families[/caption]
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 不要用宋體，不是瞎說的
暫無評論，快來發表你的看法吧