字體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 / [ ...。] / font

注意：使用CSS字體速記時有一些注意事項。
如果不滿足這些條件，則該屬性無效並完全被忽略。

• 除了使用關鍵字時， 必須定義font-size和font-family屬性的值 。
• 並非所有font-variant值都允許。
• 只允許CSS 2.1中定義的值，即普通和小型上限。
• 雖然不能通過字體直接設置，但font-stretch，font-size-adjust和font-kerning的值也會重置為其初始值。
• 值的順序不是完全免費的：必須在font-size值之前定義font-style，font-variant和font-weight（如果有）。
  必須在font-size之后立即定義行高值，前面是強制/。
• 最后，font-family是必需的，必須是最后定義的值（繼承值不起作用）。

Answer 2

是的，添加font-size是必要的。 你可以嘗試一下它會起作用。

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

而font的語法是：

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查看

Answer 3

如果你喜歡它

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

它會起作用。

你只需要大小