css - 在 Firefox 中显示 Arial Black 有技巧吗？

Question

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

我已经看到了一些解决方法，例如使用

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

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

score 21 · Accepted Answer

问题（根据错误）是Firefox使用的Windows DirectWrite API被Arial Black视为font-family: Arial; font-weight: bold;（注释#8），因此根据注释#10，您需要使用：

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

score 8 · Accepted Answer

似乎现在最好的解决方案是使用 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 以在本地计算机中查找它。

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

score 3 · Accepted Answer

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

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

3 回答 3