Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Arial Black does not dispaly in FireFox???

more options

I have specified Arial Black in a CSS class. It displays in Chrome and IE but not in Firefox. Any reason for this? Is there a an extra bold font that I can use instead that FF will recognize? Thanks.

I have specified Arial Black in a CSS class. It displays in Chrome and IE but not in Firefox. Any reason for this? Is there a an extra bold font that I can use instead that FF will recognize? Thanks.

Chosen solution

I've solved the problem myself--not sure how.

Here is the CSS that works:

.arialBlk13 { font-family: Arial Black, Helvetica, Verdana, sans-serif; color: #63706C; font-size: 11px; line-height: 21px; font-weight:900 }

Read this answer in context 👍 2

All Replies (13)

more options

What is your CSS? This should work:

<p style="font-family: 'Arial Black', sans-serif">This is heavy.</p>

Or in a style sheet:

p.heavy {font-family: "Arial Black", sans-serif;}
more options

Here's my CSS:

.arialBlk13 { font-family: "Arial Black", "Verdana font-weight:bold", sans-serif; font-weight: bold; color: #63706C; font-size: 11px; line-height: 21px; }

And it doesn't work.

Modified by ripebanana

more options

I've never seen font-weight embedded into font-family before. Do you notice any style warning in the Error Console (Ctrl+Shift+j) with that rule? Since you already have font-weight:bold in the rule, it seems redundant there. Can you test without it:

.arialBlk13 { font-family: "Arial Black", Verdana, sans-serif; font-weight: bold; color: #63706C; font-size: 11px; line-height: 21px; }
more options

The CSS I originally had had no other fonts or font attributes except for the Arial Black statement. And it dd not work. I have tried it again to be sure.

With the latest CSS below, the applied header text (website and phone #) defaults to Times Roman once again. You can see it here : http://brombergonline.com.

.arialBlk13 { font-family: "Arial Black"; color: #63706C; font-size: 11px; line-height: 21px; }

more options

On Windows you may need to add font-weight:900 to make Firefox use the "Arial Black" font.

more options

I just tried that and now get Times Roman Bold.

more options

I'm not sure why, but when I view the test page on my regular Firefox profile (which dates back many years), the Arial Black line is heavy, but on a new Firefox profile it is not, regardless of font-weight. Similar result for the real page.

Could be related to an add-on or non-obvious setting.

Modified by jscher2000 - Support Volunteer

more options

Thanks. But the problem remains unsolved.

more options

Works here on Linux.

more options

Seçilmiş Həll

I've solved the problem myself--not sure how.

Here is the CSS that works:

.arialBlk13 { font-family: Arial Black, Helvetica, Verdana, sans-serif; color: #63706C; font-size: 11px; line-height: 21px; font-weight:900 }

more options

Great, now how do I apply this fix to Firefox or to the operating system?

more options

You can use Stylish or site specific code in userContent.css to override the font on specific web pages and specify your own CSS rules by using @-moz-document domain().

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.


more options

I have Firefox on several notebook computer without any problem, however with a new HP notebook there is a problem the Arial Black font showing correctly. Is it the HP computer or FIrefox. It seems logical to me that it would be the HP computer? I still do not understand where I need to make the changes in Firefox to change the CSS rules?