在Firefox中展示Arial Black有什么技巧吗？

Question

由于Arial Black在Firefox中存在缺陷，有没有一种方法可以不使用@font-face嵌入字体来显示它？

https://bugzilla.mozilla.org/show_bug.cgi?id=644385

我看到过一些解决方法，比如使用

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

然而，那种方法对我不起作用。有什么建议吗？

- UserX

Answer 1

根据错误报告显示，问题出在Windows DirectWrite API处理Firefox使用的Arial Black字体上，将其视为font-family: Arial; font-weight: bold;（第8篇评论）。因此，根据第10篇评论，您需要使用以下代码：

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

- reece

---

还是不起作用。我也试着加上引号，但没有成功。 - UserX

Answer 2

目前似乎最好的解决方案是使用font-face来检查本地机器上是否存在字体。我想这比上传字体到Font Squirrel并生成大量文件进行嵌入要更好。

@font-face {

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

}


#nav {

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

}

它将像普通的Web安全字体一样调用Arial Black，如果不起作用（在这种情况下是Firefox），它会通过font-face回退以在本地机器中寻找它。

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

- UserX

---

如果本地机器上真的没有Arial Black字体，你仍然想要回退到另一个字体，应该怎么做？ - Niels Brinch

Answer 3

Arial Black是Arial字体系列中的900字重。因此，在Firefox中使用font-family时，请使用Arial，如下所示:

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

这在 bugzilla.mozilla.org 中有所报道。

- Chris Rogers