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!

Avatar for Username

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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

  • 3 fhreagra
  • 121 leis an bhfadhb seo
  • 1 view
  • Freagra is déanaí ó wickedisco

wickedisco
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!

All Replies (3)

littlecreature
littlecreature
more options

This worked for me:

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

wickedisco
wickedisco Úinéir na ceiste
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?

Athraithe ag wickedisco ar

wickedisco
wickedisco Úinéir na ceiste
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.

Athraithe ag wickedisco ar