javascript - 无法在 Firefox 中通过 JavaScript 将字体系列设置为 "Arial Black"

Question

我无法在 Firefox 中通过 JavaScript 设置名称包含空格的字体系列，而它在 Chrome 中有效。

HTML

<ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

JavaScript

window.document.getElementsByTagName('li')[1].style.fontFamily = '"arial black", consolas';

这是一个 JsFiddle

在 Firefox 中，第一个姓氏被忽略，显然是因为该字符串被解释为 ""arial black", consolas"。所以 Firefox 在 Consolas 中显示文本。但是 Chrome 做对了......

是否有解决此问题的方法？

编辑

环境:

• 配备 16 GB 内存的英特尔 NUC，i7
• Windows 8.1 专业版
• 64 位
• 法语

Answer 1

Arial Black 是 Arial 系列的 900 字重。试试这个:

CSS:

font-family:"Arial Black", Gadget, Arial, sans-serif;
font-weight: 900;

JavaScript:

window.document.getElementsByTagName('li')[1].style.fontFamily = '"Arial Black", Gadget, Arial, sans-serif;';
window.document.getElementsByTagName('li')[1].style.fontWeight = "900";