font-family 属性允许为所选元素创建字体系列名称和/或者通用系列名称的优先列表。
我们使用逗号分隔值并将它们显示为替代项。
如果可用，浏览器将选择要使用的第一种字体。
但是，在某些情况下它可能不可用，例如用户的计算机没有该字体。
当这种情况发生时，浏览器会尝试使用下一个替代来显示文本（甚至是第一个字体无法显示的字符）。
有两种类型的字体系列名称：
- family-name：它是字体系列的名称，例如“times”、“courier”、“arial”等。
- generic-family：它是一个通用系列的名称，如“serif”、“sans-serif”、“cursive”、“fantasy”、“monospace”。
当字体名称有空格时，必须用引号括起来，如下所示：“Courier New”。
当我们想要使用唯一的 font-family 时，我们需要使用 @font-face 属性。
| 初始值 | 取决于浏览器。 |
|---|---|
| 应用于 | 所有元素。它还适用于伪元素::first-letter 和 ::first-line。 |
| 继承 | 可继承 |
| 可动画的 | 无效 |
| 版本 | CSS1. |
| DOM 语法 | object.Style.fontFamily =“Verdana，Sans-Serif”; |
字体列表由 font-family 属性从高到低指定。
在这种情况下，字体选择不会在列表的第一个字体处停止。
一次完成一个字符。
这意味着如果可用字体没有所需字符的字形，则将尝试最近的字体。
语法
font-family: family-name | generic-family | initial | inherit;
font-family 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
p {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
</style>
</head>
<body>
<h2>Font-family 属性示例</h2>
<p>我们在本文中使用了“Lucida Sans Unicode”字体系列。</p>
</body>
</html>
CSS font-family 属性值说明
| 值 | 描述 |
|---|---|
| family-name generic-family | 优先级字体系列名称和/或者通用族名称列表。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
日期：2020-06-02 22:14:31 来源：oir作者：oir