CSS 字體
為您的網站選擇正確的字體很重要！
字體選擇很重要
選擇正確的字體會對網站的用戶體驗產生巨大影響。
正確的字體可以為您的品牌創造強有力的形象。
使用易于閱讀的字體很重要。字體為您的文本增加了價值。為字體選擇正確的顏色和文本大小也很重要。
通用字體族
在 CSS 中，有五個通用字體族：
- 襯線字體（Serif）- 在每個字母的邊緣都有一個小的筆觸。它們營造出一種形式感和優雅感。
- 無襯線字體（Sans-serif）- 字體線條簡潔（沒有小筆畫）。它們營造出現代而簡約的外觀。
- 等寬字體（Monospace）- 這里所有字母都有相同的固定寬度。它們創造出機械式的外觀。
- 草書字體（Cursive）- 模仿了人類的筆跡。
- 幻想字體（Fantasy）- 是裝飾性/俏皮的字體。
所有不同的字體名稱都屬于這五個通用字體系列之一。
Serif 和 Sans-serif 字體之間的區別
提示：在計算機屏幕上，無襯線字體被認為比襯線字體更易于閱讀。
一些字體的例子
| 通用字體族 | 字體名稱實例 |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
CSS font-family 屬性
在 CSS 中，我們使用 font-family 屬性規定文本的字體。
font-family 屬性應包含多個字體名稱作為“后備”系統，以確保瀏覽器/操作系統之間的最大兼容性。請以您需要的字體開始，并以通用系列結束（如果沒有其他可用字體，則讓瀏覽器選擇通用系列中的相似字體）。字體名稱應以逗號分隔。
注釋：如果字體名稱不止一個單詞，則必須用引號引起來，例如："Times New Roman"。
實例
為三個段落規定不同的字體：
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
