字体速记

使用语法：

element {
    font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family];
}

你可以使用 font 速记在一个声明中包含所有与字体相关的样式。只需使用 font 属性，并按正确顺序输入值。

例如，要使所有 p 元素以字体大小 20px 加粗并使用 Arial 作为字体系列，通常可以按如下方式对其进行编码：

p {
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, sans-serif;
}

但是使用字体速记可以如下压缩：

p {
    font: bold 20px Arial, sans-serif;
}

注意 ：因为 font-style，font-variant，font-weight 和 line-height 是可选的，所以在这个例子中跳过它们中的三个。请务必注意，使用快捷方式会重置未给出的其他属性。另一个重点是字体快捷方式的两个必要属性是 font-size 和 font-family。如果它们都不包括在内，则忽略该快捷方式。

每个属性的初始值：

• font-style: normal;
• font-variant: normal;
• font-weight: normal;
• font-stretch: normal;
• font-size: medium;
• line-height: normal;
• font-family - 取决于用户代理