CSS 字体

以下示例展示了使用基本字体属性来对段落文本添加样式的方法。

p {
  width: 600px;
  margin: 0 auto;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-style: italic;
  font-weight: 100;
  font-variant-ligatures: normal;
  font-size: 2rem;
  letter-spacing: 1px;
}

<p>Three hundred years ago<br>
  I thought I might get some sleep<br>
  I stretched myself out on an antique bed<br>
  An' my spirit did a midnite creep</p>

它的结果如下所示：

你可以在 v-fonts.com 和 axis-praxis.org 找到可变字体示例；参见可变字体指南以获取更多信息。

• font
• font-family
• font-feature-settings
• font-kerning
• font-language-override
• font-optical-sizing (en-US)
• font-size
• font-size-adjust
• font-stretch
• font-style
• font-synthesis
• font-variant
• font-variant-alternates
• font-variant-caps
• font-variant-east-asian (en-US)
• font-variant-ligatures
• font-variant-numeric
• font-variant-position
• font-variation-settings
• font-weight
• line-height

• @font-face
• @font-feature-values

文本和字体样式基础

在这篇面向初学者的文章中，我们详细介绍了文本和字体样式的基础知识，包括设置字重、字体家族和样式、字体简写、文本对齐和其他效果，以及行和字母间距。

OpenType 字体特性指南

字体特性（font feature）或变体（variant）指的是在同一个 OpenType 字体中包含的不同的字形或字符风格。它包括了连字（ligature，由字符组合而成的特殊字形，如“fi”或“ffl” ）、字偶距（kerning，调整特定字母组合的间距）、分数形式、数字风格，和一票其他内容。这些都被称为 OpenType 特性，而且可以通过特定属性和一种底层属性指定（见 font-feature-settings）来控制。本文将介绍在 CSS 中使用 OpenType 字体特性的全部内容。

可变字体指南

可变字体指南是 OpenType 字体规范上的演进，它允许将同一字体的多个变体统合进单独的字体文件中。从而无需再将不同字宽、字重或不同样式的字体分割成不同的字体文件。本文将介绍你需要知道的有关使用可变字体的所有内容。