我想使用font CSS速記來包含所有字體屬性（如font-style,font-weight,font-size等）。字體CSS縮寫是否需要字體大小？

它適用於如果我使用所有屬性。

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？

來源

2016-11-11 Minal Chauhan

是的。

來源：developer.mozilla.org/[...]/font

注：使用CSS字體速記時，有幾點需要注意。
如果這些條件不符合，該屬性是無效的，完全被忽略。

使用關鍵字時，除，它是強制性的，以限定兩者的字體大小和字體家庭屬性的值。

並非所有字體變體的值都是允許的。

只允許在CSS 2.1中定義的值，即正常和小型大寫字母。

儘管不能通過字體直接設置，但font-stretch，font-size-adjust和font-kerning的值也會重置爲其初始值。

值的順序不是完全自由的：必須在font-size值之前定義font-style，font-variant和font-weight（如果有的話）。
行高值必須在字體大小之後立即定義，前面加上強制性的/。

最後，font-family是強制性的，必須是最後定義的值（繼承值不起作用）。

來源

2016-11-11 12:58:58

是的，這是nesscery添加字體大小。你可以試試這個，它會工作。

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

來源

2016-11-11 13:05:24 Gowtham

對不起，我忘了補充。這是正確的p.ex1 {font：900 12px格魯吉亞，襯線; } – Gowtham

檢查它，如果你把它像

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

這將是工作。

你只需要尺寸

來源

2016-11-11 13:08:01 myeongsookim

字體CSS縮寫是否需要字體大小？

回答

是的。

相關問題