CSS 字型

CSS 字型系列

CSS 字型屬性定義文本的字型系列、大小、加粗、風格（如斜體）和變形（如小型大寫字母）。

在 CSS 中，有兩種不同類型的字型系列名稱：

通用字型系列 - 擁有相似外觀的字型系統組合（比如 "Serif" 或 "Monospace"）

特定字型系列 - 具體的字型系列（比如 "Times" 或 "Courier"）

除了各種特定的字型系列外，CSS 定義了 5 種通用字型系列：

Serif 字型

Sans-serif 字型

Monospace 字型

Cursive 字型

Fantasy 字型

如果需要了解更多有關字型系列的知識，請閱讀 CSS 字型系列。

使用 font-family 屬性定義文本的字型系列。

使用通用字型系列

如果你希望文檔使用一種 sans-serif 字型，但是你並不關心是哪一種字型，以下就是一個合適的聲明：

body {font-family: sans-serif;}

這樣用戶代理就會從 sans-serif 字型系列中選擇一個字型（如 Helvetica），並將其套用到 body 元素。因為有繼承，這種字型選擇還將套用到 body 元素中包含的所有元素，除非有一種更特定的選擇器將其覆蓋。

指定字型系列

除了使用通用的字型系列，您還可以通過 font-family 屬性設定更具體的字型。

下面的例子為所有 h1 元素設定了 Georgia 字型：

h1 {font-family: Georgia;}

這樣的規則同時會產生另外一個問題，如果用戶代理上沒有安裝 Georgia 字型，就只能使用用戶代理的默認字型來顯示 h1 元素。

我們可以通過結合特定字型名和通用字型系列來解決這個問題：

h1 {font-family: Georgia, serif;}

如果讀者沒有安裝 Georgia，但安裝了 Times 字型（serif 字型系列中的一種字型），用戶代理就可能對 h1 元素使用 Times。儘管 Times 與 Georgia 並不完全匹配，但至少足夠接近。

因此，我們建議在所有 font-family 規則中都提供一個通用字型系列。這樣就提供了一條後路，在用戶代理無法提供與規則匹配的特定字型時，就可以選擇一個候選字型。

如果您對字型非常熟悉，也可以為給定的元素指定一系列類似的字型。要做到這一點，需要把這些字型按照優先順序排列，然後用逗號進行連線：

p {font-family: Times, TimesNR, 'New Century Schoolbook',

Georgia, 'New York', serif;}

根據這個列表，用戶代理會按所列的順序查找這些字型。如果列出的所有字型都不可用，就會簡單地選擇一種可用的 serif 字型。