分配一个以数字结尾的 CSS fontFamily

Question

所以似乎如果我分配一个以数字结尾的字体系列它不会坚持

a = document.createElement("div")
a.style.fontFamily = "Arial"

然后 a 是

<div style="font-family: Arial; "></div>

但

a = document.createElement("div")
a.style.fontFamily = "Goudy Bookletter 1911"

然后 a 是

<div></div>

我很确定它的结尾数字是问题所在。自从

a = document.createElement("div")
a.style.fontFamily = "Goudy Bookletter blablabla"

然后 a 是

<div style="font-family: 'Goudy Bookletter blablabla'; "></div>

这是一个错误吗？我在 chrome 16 中这样做

Answer 1

设置 font-family 时，有关空格和数字的问题会导致问题。将字体系列名称括在单引号中可以使其在 Chrome 16 中工作。

http://jsfiddle.net/ZMxS4/1/

a.style.fontFamily = "'Goudy Bookletter 12'";

如果没有引号，我看到了以下奇怪的行为

a.style.fontFamily = "Goudy Bookletter12"; //works
a.style.fontFamily = "Goudy 12Bookletter"; //works
a.style.fontFamily = "Goudy 12 Bookletter"; //does not work