CSS 字体

**CSS 字体** 模块定义了与字体相关的属性以及如何加载字体资源。它允许你定义字体的样式，例如字体系列、大小和粗细，以及在多个字符变体可用时要使用的字符变体。

字体是一个资源文件，包含字符的视觉表示，将字符代码映射到代表字体的字母、数字、标点符号甚至表情符号的字形。字体系列是一组共享共同设计样式和字体属性的字体，该组的每个成员都提供不同的字形显示方式，在笔画粗细、倾斜或相对宽度等属性方面有所不同。字体通常代表字体的单个样式，例如黑体和斜体 Helvetica。字体系列是所有样式的完整集合。通过为每个字体资源定义单独的@font-face声明，可以在文档或设计中包含此类字体。

CSS 字体模块的属性、At-rules 和描述符支持下载字体的多个变体。它们还定义了要用于特定字体特征的字体文件，以及在资源加载失败时的回退说明。CSS 字体选择机制描述了将给定的一组 CSS 字体属性匹配到单个字体面的过程。

CSS 字体模块还支持可变字体。与每个样式都作为单独字体文件实现的普通字体不同，可变字体可以在单个文件中包含所有样式。通过使用单个@font-face声明，你可以导入包含所有样式的可变字体。根据字体的不同，这可能包括多种字体变体。可变字体是 OpenType 字体规范的一部分。

参考

属性

At-rules 和描述符

At-rule: @font-face

描述符

At-rule: @font-feature-values

描述符

At-rule: @font-palette-values

描述符

数据类型

font-size 类型

font-family 类型

font-feature-settings 类型

font-format 类型

font-stretch 类型

font-tech 类型

font-variant 类型

font-variant-ligatures 类型

font-variant-numeric 类型

font-weight 类型

接口

指南

学习：基础文本和字体样式

这篇初学者学习文章涵盖了文本和字体样式的基础知识。它涵盖了如何使用font速记设置字体粗细、字族和样式，以及如何对齐文本并管理行距和字距。

学习：网络字体

这篇初学者学习文章解释了如何在您的网页上使用自定义字体，以实现更多样化和自定义的文本样式。

OpenType font features guide

字体特征或变体是指 OpenType 字体中包含的不同字形或字符样式。这些包括连字（将字符组合在一起的特殊字形，例如 'fi' 或 'ffl'）、字距调整（对特定字母形状配对之间的间距进行调整）、分数、数字样式，以及许多其他内容。这些统称为 OpenType 特征，并通过特定属性和低级控制属性——font-feature-settings——在网络上使用。

Variable fonts guide

这篇文章将帮助您开始使用可变字体。

提升字体性能

这篇文章是 CSS 性能指南的一部分，讨论了字体加载、仅加载所需的字形以及使用 font-display 描述符定义字体显示行为。

规范

规范
CSS Fonts 模块 Level 4

另请参见