HTML | DOM 样式 fontFamily 属性

简介

fontFamily 属性用于设置文本的字体系列。它支持在一组逗号分隔的字体名称中指定字体的优先级顺序。如果找不到第一个字体，则会尝试第二个字体，以此类推，直到找到一个可用的字体。如果没有定义备用字体，浏览器则使用默认字体。

语法

element.style.fontFamily = "font family name";

属性值

• font family name: 一组由逗号分隔的字体族名称。

在字体族的指定中可以包含一组字体名称，这些名称描述可以是具体的字体名称（如Arial），也可以是称为“通用字体系列”的通用字体类别。

通用字体系列

通用字体系列可以用于font family name属性中。这些名称与具体字体名称不同，它们都是规定的字体系列，浏览器会根据系统上存在的字体，自动选择一个适当的字体。

以下是通用字体系列：

• serif ：适合内容阅读的印刷体
• sans-serif：适合用于大型文本块的简单无衬线字体
• monospace：适用于等宽字体的代码
• cursive： 手写字体
• fantasy： 艺术字体

示例

element.style.fontFamily = "Arial, 宋体, sans-serif";

在此示例中，将从浏览器中可用的3种字体中选择一个字体来应用于元素。具体来说，在Arial不可用的情况下，它将使用宋体。如果它们都不可用，该元素将应用系统中可用的第一种sans-serif字体。

结论

fontFamily属性允许开发人员指定要在文本中使用的字体系列。在指定字体族的时候，还可以包含一个由逗号分隔的备用字体列表，以确保在某个指定字体不可用的情况下仍能使用可接受的字体。