javascript - 通过 style.font 设置字体系列不起作用，除非还设置了字体大小

Question

我想通过一些 JavaScript 设置一段文本的字体。出于某种原因，似乎我也只能在设置 font-size 时这样做。所以这有效:

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

但这不是

el.style.font = "arial, serif"

( jsfiddle example )

我知道还有其他方法可以设置字体，但出于其他原因，这种方法会很方便——为什么它不起作用？

我已经检查过 Firefox 和 Chrome，所以我认为这是我不理解的东西，而不是错误。

Answer 1

因为根据the definition来自 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 定义。