字体大小是字体CSS速记所必需的吗?

Question

我想使用font CSS速记包含所有字体属性(如font-style, font-weight, font-size等)。

如果我使用所有属性，它就会工作。

p.ex1 {
    font: 15px arial, sans-serif;
}
p.ex2 {
    font: italic bold 12px/30px Georgia, serif;
}

<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>

但是当我只有font-weight和font-family时，它不会。

p.ex1 {
    font: 900 Georgia, serif;
 }

<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>

为什么?当使用font CSS简写时，有必要指定font-size吗?

Answer 1

是。

: developer.mozilla.org/[…]/字体

注意:在使用CSS字体速记时，有一些注意事项。
如果不满足这些条件，则该属性无效，并被完全忽略。

• 除了使用关键字外，必须定义font-size和font-family属性的值。
不是所有的font-variant值都是允许的。
• 只允许CSS 2.1中定义的值，即normal和small-caps。
• 虽然不能通过font直接设置，但font-stretch、font-size-adjust和font-kerning的值也会被重置为初始值。
• 值的顺序不是完全自由的:如果有的话，必须在font-size值之前定义font-style, font-variant和font-weight。行高值必须紧接在font-size之后定义，前面必须有一个/。
• 最后，字体族是强制性的，必须是最后定义的值(继承值不起作用)。

Answer 2

如果你这样写

p.ex1 {
    font:  900 19px Georgia, serif;
 }

这将是工作。

你只需要size

Answer 3

是的，需要添加font-size。你可以试试这个，它会起作用的。

p.ex1 {
    font: 900 Georgia, serif;
}

字体的语法是:

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

在http://www.w3schools.com/cssref/pr_font_font.asp查看