Web fonts not displaying correctly in some browsers

2

When I view certain sites I get text that looks outlined like the image below:

Outlined fonts

The first font in the font-family css for this is helvetica neue. I'm on a windows machine and don't have this font, but do have arial which is listed as a font.

This is happening in Chrome and Firefox, both upto date. Doesn't happen in IE9.

I haven't a clue what to Google for so posting here hoping someone has seen this before.

JFoulkes

Posted 2011-07-06T13:38:25.583

Reputation: 133

could you post your css file? – n0pe – 2011-07-06T13:40:02.027

this isn't from my website. This happens on numerous websites and I just happened to post this example. I tried disabling some of the css rules on the text and found that disabling font-weight: bolder; seems to be fixing the issue – JFoulkes – 2011-07-06T15:36:31.330

1hmm, yeah sorry I missed that first line. This seems to be a Helvetica issue on your system. Chrome and firefox seem to look for ALL versions of Helvetica on your system. If it finds conflicting versions, it will display it like this. Try deleting all Helvetica fonts except for Helvetica Lt Std & Helvetica Neue Lt Std (linotype's) – n0pe – 2011-07-06T15:40:00.677

1MaxMackie is right. I deleted Helvetica font from my pc and all is well. Good job I'm not one of those designer weirdos who needs that font – JFoulkes – 2011-07-06T16:04:25.487

Answers

1

This seems to be a Helvetica issue on your system. Chrome and firefox seem to look for ALL versions of Helvetica on your system. If it finds conflicting versions, it will display it like this. Try deleting all Helvetica fonts except for Helvetica Lt Std & Helvetica Neue Lt Std (linotype's)

n0pe

Posted 2011-07-06T13:38:25.583

Reputation: 14 506