无法通过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正确......

有解决此问题的方法吗？

修改

环境：

• Intel NUC，16 GB RAM，i7
• Windows 8.1 Pro
• 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字体可以区分大小写。