I installed some new Helvetica variations the other day and since then Helvetica Neue isn't rendering how it should (in Chrome or Firefox).
I tried deleting all the Helvetica fonts and installing them again but they're still not rendering properly.
This is what it looks like:
Some letters appear to be taller than others?
The font should be: normal 14px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
Best Answer
I assume you are running on Windows, since Mac users have no need to install Helvetica Neue.
This font does not normally exist on Windows and is replaced by Arial. Installing any flavor of Helvetica is somewhat tricky, since it is rather commonly used in CSS style-sheets, so can be picked up by the browser even in cases where Arial is better, to mess-up font rendering in the browser.
There are several implementations/flavors of the Helvetica Neue font. Some excel at large font-sizes but give poor results for normal sizes. I have heard that this one gives good results, but have not used it personally.
Chrome allows you to provide your own custom CSS changes that overrides the website CSS. To find the custom CSS file, close Chrome and go to the folder :
and open the file
Custom.css
in your favourite text editor.To use Arial instead of Helvetica, paste-in the following lines:
You could also use the Chrome extension Change Font Family Style to force using Arial instead of Helvetica.
EDIT
It has been noted that user stylesheet (Custom.css) support has been removed from Chrome since November 2013, which explains why the usual solution doesn't work any more.
Your remaining options as I see them are :
To completely delete Helvetica, do the following :
C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DAT
and reboot.