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 字型。