We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Pretraži podršku

Izbjegni prevare podrške. Nikad te nećemo tražiti da nas nazoveš, da nam pošalješ telefonski broj ili da podijeliš osobne podatke. Prijavi sumnjive radnje pomoću opcije „Prijavi zlouporabu”.

Saznaj više

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

  • 3 odgovora
  • 121 ima ovaj problem
  • 1 prikaz
  • Posljednji odgovor od wickedisco

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!

Svi odgovori (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?

Izmjenjeno od 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.

Izmjenjeno od wickedisco