有没有在Firefox中显示Arial Black的技巧?

时间:2012-08-08 09:26:59

标签: css firefox bugzilla webfonts font-family

由于Arial black在firefox中有漏洞,有没有办法在不使用@ font-face嵌入它的情况下显示它?

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

我已经看过一些像使用

这样的工作
font-weight: 900;
font-family:'Arial Black', Gadget, sans-serif;

然而,这种方法对我不起作用。建议?

3 个答案:

答案 0 :(得分:18)

问题(根据错误)是Firefox使用的Windows DirectWrite API将Arial Black视为font-family: Arial; font-weight: bold;comment #8),因此根据comment #10您需要使用:

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

答案 1 :(得分:8)

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

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

答案 2 :(得分:3)

Arial Black是Arial家族的900重量。因此,在font-family中使用Arial,以便在Firefox中使用,如下所示:

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

这在bugzilla.mozilla.org

中报告