有没有在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;

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

Answer 1

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

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

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;

}

它将Arial Black称为普通的Web安全字体,如果这不起作用(在这种情况下为Firefox),它将回退font-face以在本地计算机中查找它.

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