Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a trick to show Arial Black in Firefox?

Since Arial black is buggy in firefox, is there a way to show it without embedding it with @font-face?

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

I've seen a couple of work arounds like using

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

However that method does not work for me. Suggestions?

like image 423
UserX Avatar asked Aug 08 '12 09:08

UserX


People also ask

Why do fonts look weird in Firefox?

Chosen solution You can check in the Rules tab in the right panel in the Inspector what font-family is used for selected text. You can check in the Font tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website.

Is Arial Bold the same as Arial Black?

Arial bold is not the same as Arial Black.

Is Arial Black a font?

Arial Black is part of the extremely versatile Arial typeface family which can be used with equal success for text setting in reports, presentations, magazines etc, and for display use in newspapers, advertising and promotions.


1 Answers

The problem (according to the bug) is that the Windows DirectWrite API that Firefox uses treats Arial Black as font-family: Arial; font-weight: bold; (comment #8), so according to comment #10 you need to use:

font-family: "Arial Black", Arial;
font-weight: 900;
like image 90
reece Avatar answered Sep 19 '22 13:09

reece