This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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???

  • 13 பதிலளிப்புகள்
  • 14 இந்த பிரச்னைகள் உள்ளது
  • 1 view
  • Last reply by TabulaMentis

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.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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)

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;}

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.

ripebanana மூலமாக திருத்தப்பட்டது

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; }

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; }

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

I just tried that and now get Times Roman Bold.

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.

jscher2000 - Support Volunteer மூலமாக திருத்தப்பட்டது

Thanks. But the problem remains unsolved.

Works here on Linux.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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 }

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

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.


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?