除非還設置了字體大小，否則通過style.font設置font-family不起作用

Question

我想通過一些JavaScript設置一些文本的字體。 出於某種原因，似乎我也只能在設置font-size時這樣做。 這樣可行：

el.style.font = "10px arial, serif"

但事實並非如此

el.style.font = "arial, serif"

（ jsfiddle例子 ）

我知道還有其他方法可以設置字體，但由於其他原因，這種方法很方便 - 為什么它不起作用？

我已經檢查了Firefox和Chrome，所以我認為這是我不理解的東西而不是bug。

Answer 1

因為根據W3C 的定義 ，如果包含font-family ，則必須存在font-size 。

[
    [ <‘font-style’> || <font-variant-css21> || <‘font-weight’> || <‘font-stretch’> ]?
    <'font-size'>
    [ / <'line-height'> ]?
    <'font-family'>
]             | 
caption       |
icon          |
menu          |
message-box   |
small-caption |
status-bar

編輯：已更新為CSS3定義。

Answer 2

你錯誤的font為font-family （在JS-speak中的fontFamily ）。