CSS `font-family` 属性

说明

font-family CSS 属性设置用于元素文本内容的字体。 font-family 属性应该包含几个字体名称作为"备用"系统。首先从您想要的字体开始，然后是任何可能填充的字体（如果它不可用）。

您应该以通用字体系列结束列表，它们有五个：serif, sans-serif, monospace, cursive 和 fantasy。下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

font-family:

[ family-name | generic-family ] [, family-name | generic-family ]^{one or more pairs} | initial | inherit

下面的示例显示了 font-family 属性的作用。

body {
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
    font-family: "Times New Roman", Times, serif;
}

注意：如果字体家族的名称多于一个词，则必须用引号引起来，如font-family: "Times New Roman", Serif; 等 .

有关更常用的字体组合，请查看 CSS 网络安全字体。

下表描述了该属性的值。

值	说明
family-name	字体系列的名称。例如，"Times"和"Helvetica"是字体系列。应引用包含空格的字体系列名称。
generic-family	当所需的字体选择不可用时，通用字体系列可用作一般的后备机制。由于通用姓氏是关键字，因此不得引用它们。通用字体系列应该是字体系列名称列表中的最后一个替代品。定义了以下通用族： serif (e.g. Times) sans-serif (e.g. Arial) cursive (e.g. Zapf-Chancery) fantasy (e.g. Western) monospace (e.g. Courier) 详细了解字体组合。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `font-family` 属性的计算值。

所有主要的现代浏览器都支持 font-family 属性。

请参阅以下教程： CSS 字体, CSS 文本.