在 Firefox 中显示 Arial Black 有技巧吗？答案

【问题标题】：Is there a trick to show Arial Black in Firefox?在 Firefox 中显示 Arial Black 有技巧吗？
【发布时间】：2014-05-06 23:16:11
【问题描述】：

由于 Arial black 在 firefox 中存在缺陷，有没有办法在不使用 @font-face 嵌入的情况下显示它？

我见过一些变通方法，比如使用

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

但是这种方法对我不起作用。有什么建议吗？

【问题讨论】：

【解决方案1】：

问题（根据bug）是Firefox使用的Windows DirectWrite API将Arial Black视为font-family: Arial; font-weight: bold;（comment #8），所以根据comment #10你需要使用：

font-family: "Arial Black", Arial;
font-weight: 900;

【讨论】：

【解决方案2】：

似乎目前最好的解决方案是使用 font-face 检查本地计算机上是否存在该字体。我想这比将字体上传到 Font Squirrel 并生成一堆要嵌入的文件要好。

@font-face {

    font-family: 'arial-black';
    src: local('Arial Black');

}


#nav {

font-family:"Arial Black", arial-black, sans-serif;

}

它将像普通的网络安全字体一样调用 Arial Black，如果这不起作用（在这种情况下为 Firefox），它将回退到 font-face 在本地机器中查找它。

如果有人有更好的方法，请随时发布。

【讨论】：

【解决方案3】：

Arial Black 是 Arial 系列的 900 重量。因此，请在您的 font-family 中使用 Arial，以便在 Firefox 中使用，如下所示：

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

这是在bugzilla.mozilla.org 中报告的

【讨论】：