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.

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.

• [/questions/795314]

• http://people.mozilla.org/~jdaggett/tests/arialblackweights.html

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.

Thanks. But the problem remains unsolved.

Works here on Linux.

• http://brombergonline.com/

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().

• https://developer.mozilla.org/en/CSS/@document

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

• http://kb.mozillazine.org/Editing_configuration

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?