`font-family` 是一个CSS属性,用于设置元素的字体样式。当你想要在网页上为文本设置特定的字体时,可以使用此属性。这是一个非常重要的属性,因为它决定文本在浏览器中显示的样式和字体。
使用 `font-family` 时可以指定多种字体名称作为备选,以便在不同的设备和操作系统上找到最佳的匹配字体。例如:
```css
p {
font-family: "Times New Roman", Georgia, Serif;
}
```
在这个例子中,浏览器首先尝试使用 "Times New Roman" 字体。如果浏览器不支持这种字体,它会尝试使用 Georgia。如果 Georgia 也不可用,那么浏览器会使用默认的 Serif 字体类别。这样做是为了确保在所有情况下都有合适的字体显示文本。
你还可以使用字体堆栈来指定字体的优先级和备选方案。此外,为了支持网络字体和本地字体的混合使用,你可能会看到如下的代码:
```css
p {
font-family: "My Custom Web Font", FallbackLocalFont;
}
```
其中,"My Custom Web Font" 是一个网络字体,可能需要外部资源链接(例如来自Google Fonts或其他在线字体库)。如果网络字体不可用或加载失败,"FallbackLocalFont"(本地备用字体)将被使用。这样确保了内容的可读性,即使首选的字体不可用。