CSS 中如何更改字体？

CSS 中的 font 属性用于控制文本的外观。通过使用它，我们可以改变文本的大小、颜色、样式等。这个 CSS 属性是一个简写属性，它将子属性（即 font-style, font-variant, font-weight, font-stretch, font-size, line-height, 和 font-family）合并到一个声明中。

简写 font 属性的两个值是必需的，即 font-size 和 font-family。如果这两个属性都不包含，则整个声明将被忽略。此外，font-family 的值也必须声明在所有值的最后，否则声明将再次被忽略。其他五个值是可选的。

font-family 属性允许使用多个字体名称作为回退值，因为如果浏览器不支持第一个字体，它将尝试下一个字体，依此类推。声明多个 font-family 值必须用逗号分隔的列表指定。

注意：如果 font-family 的名称包含多个单词，则必须用引号括起来，例如：“Lucida Console”。

如果我们使用 font 简写属性中的 font-style, font-variant, 和 font-weight，它们必须在声明的 font-size 之前声明。否则，它们将被忽略，并导致必需值被忽略。

在上面的声明中，我们包含了可选值，但它们是在定义 font-size 之前定义的。

line-height 也是可选的，但如果必须声明它，则必须只在 font-size 之后用斜杠声明。

在上面的声明中，15px 是行高。如果我们移除 line-height，那么我们也必须移除斜杠；否则，整个声明将被忽略。

让我们通过示例来理解如何在 CSS 中更改字体。

示例

输出

示例

在上面的示例中，我们单独使用了字体属性。现在，在这个示例中，我们正在使用 font 简写属性。我们在 font 简写属性中使用的子属性是 font-style, font-variant, font-weight, font-size, 和 font-family。

输出