我无法在 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 位
- 法语
最佳答案
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";
关于javascript - 无法在 Firefox 中通过 JavaScript 将字体系列设置为 "Arial Black",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36620758/