Firefox では Arial の黒がバグっているので、@font-face を埋め込まずに表示する方法はありますか?
https://bugzilla.mozilla.org/show_bug.cgi?id=644385
を使用するようないくつかの回避策を見てきました
font-weight: 900;
font-family:'Arial Black', Gadget, sans-serif;
しかし、その方法は私にはうまくいきません。提案?
Firefox では Arial の黒がバグっているので、@font-face を埋め込まずに表示する方法はありますか?
https://bugzilla.mozilla.org/show_bug.cgi?id=644385
を使用するようないくつかの回避策を見てきました
font-weight: 900;
font-family:'Arial Black', Gadget, sans-serif;
しかし、その方法は私にはうまくいきません。提案?
現在のところ、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 を探すためにフォールバックします。
誰かがより良い方法を持っている場合は、お気軽に投稿してください。
Arial Black は、Arial ファミリーの 900 ウェイトです。font-family
したがって、以下に示すように、Firefox で使用するためにArialを使用します。
font-family:"Arial Black", Gadget, Arial, sans-serif;
font-weight: 900;