Helvetica Neue Rendering Error in Firefox
Posted on January 14th, 2012
Stumbled across this strange rendering issue the other day in Firefox (9.0.1):
the page displays fine in the other major browsers (IE, Chrome, Opera and Safari).
I’ve tested this on my home and work Windows 7 machines with the same result.
It seems to be due to Firefoxs handling of the ‘HelveticaNeue’ font (which I have installed on my pc), I’m sure I’ve seen it crop up on YouTube before as well.
Hmm, more investigation needed…
Twitter’s css declaration is as follows:
font: 14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
Similarly Slicehost has this font style:
body {
font-family: "HelveticaNeue",Helvetica,Verdana,sans-serif;
...
}
I’m sure for most people without a Helvetica font installed – they only ever see the fall backs.
Next step, to investigate my ‘HelveticaNeue’ font…