无法通过 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 做对了……

有没有办法解决这种行为？

编辑

环境：

• 英特尔 NUC，16 GB RAM，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";

Answer 2

我认为你的问题是因为你写了arial black而不是Arial Black

Css 字体可以区分大小写。