Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Is there a change in the way Firefox 4 displays fonts from CSS?

more options

This site is coded using standard CSS and had Arial Narrow as first font choice for certain elements. In Firefox 4 / Windows 7 those instances are now defaulting to secondary font - Arial or to the default font Times Roman. EVERY other browser including past Firefox have displayed Arial Narrow properly - assuming the user has it in their system fonts - which is the vast majority of visitors. NEED a fix for this!

This site is coded using standard CSS and had Arial Narrow as first font choice for certain elements. In Firefox 4 / Windows 7 those instances are now defaulting to secondary font - Arial or to the default font Times Roman. EVERY other browser including past Firefox have displayed Arial Narrow properly - assuming the user has it in their system fonts - which is the vast majority of visitors. NEED a fix for this!

All Replies (3)

more options

This worked for me:

font-family: Arial; font-stretch: condensed;

more options

I tried this and discovered that it did not work in IE8 and Chrome - therefore I was just shifting the issue to other browsers as on those browsers the fonts were then not displaying as Narrow/Condensed.

Any further suggestions?

Edeziri site na wickedisco

more options

To those that are having the same issue - I took LittleCreature's advice above and combined it with the sentiment from a similar post regarding Arial Black in the forum http://support.mozilla.com/bs/questions/795314.

{ font-family: Arial Narrow, Arial, sans-serif; font-stretch: condensed }

Works (at least for now - future browser versions, time will tell) by taking advantage of the combined 'shortcomings' of all browsers:


  • Firefox 4 ignores Arial Narrow and goes to Arial as the font - it then recognizes the attribute font-stretch: condensed.
  • IE, Chrome, Safari, and Firefox 3 recognizes the Arial Narrow font - and then ignores the font-stretch: condensed attribute.

Edeziri site na wickedisco