CSS字体速记？答案

【问题标题】：CSS Font shorthand?CSS字体速记？
【发布时间】：2012-11-22 03:43:07
【问题描述】：

我基本上是想通过使用速记属性将“font-style”缩写为“font”。但是，如果我在同一个选择器上也指定其他属性（大小/行高/字体系列），它似乎才有效。

如果我注释掉任何其他规范，“斜体”将被忽略！我在这里遗漏了什么还是我不应该使用

.main{font:italic;}

而不是（例如）

.main{font-style:italic;}

或

.main{
font:italic 1em/1.2em georgia,"times new roman",serif;}

那么，使用字体速记的最低要求是什么？

【问题讨论】：

【解决方案1】：

font-family 和 font-size 是此样式属性所需的最少样式。

示例：

font: 1em "Times New Roman", Times, serif;

完整速记的示例如下：

font: bold italic small-caps 1em/1.5em verdana,sans-serif

这将替换下面的原始代码：

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

【讨论】：

【解决方案2】：

最小规格是大小和字体名称。在您的情况下，它将如下所示：

.main{
 font: 1em  verdana;
}

【讨论】：