Helvetica & Helvetica Neue fix for Windows for Chrome

Friday, August 10th, 2012

There are many people having issues with Helvetica Neue in Windows because they don’t render right in browser, so I’ve come up with a solution without having to uninstall the font.

Browse to:

C:UsersYOURUSERNAMEAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css

And add to the end of the file:

@font-face { font-family: 'helvetica neue'; src: local('Arial'); } @font-face { font-family: 'helvetica'; src: local('Arial'); }

And the problem is solved! 😀

 

Advertisements

27 comments on “Helvetica & Helvetica Neue fix for Windows for Chrome

  1. Ali says:

    Thanks, worked perfect for me!

  2. Taylor Ling says:

    Reblogged this on Techie Talkz and commented:
    Font rendering issue in Chrome? It could be Helvetica Neue. If you have just recently found out that Chrome in Windows seems to render some texts in a very weird way, check if you install Helvetica Neue fonts family recently. If you did, you can either uninstall the font, or use the fix that mentioned in this blog post.

  3. Tomek says:

    Great! Thanks

  4. […] trovata su questo sito, ma visto che è formattata male la […]

  5. Holy crap, why didn’t I think of that. Changing the custom CSS… classic.

  6. rohan says:

    awesomeness bro.

  7. Vladimir says:

    Finally a solution! Thanks a million!

  8. kamilrextin says:

    Damn Font made my life miserable. Thanks a bunch mate

  9. Q says:

    Seriously…. This is awesome! Thanks so much for the help.

  10. Alex says:

    You are amazeballs! Thanks so much for this!

  11. Matt says:

    Thank you ! It took me a long time to find this, lol. The weird fonty-ness came out of no where! Cheers 🙂

  12. Jamie says:

    FINALLY something that works! I can’t tell you how many things I tried to fix this.

  13. Federico says:

    This piece of code resets your font to Arial, EVERYWHERE.
    This means that even if you specify “Helvetica”, you’re getting Arial, ALWAYS, whether you have Helvetica or not.
    You might as well set the font normally, with:
    font-family: 'Arial';
    Even better, just use this:
    font-family: sans-serif;
    It will just use the default font (Arial on Windows, Helvetica Neue on Mac) and you can be sure that it will look great on both operating systems!

  14. Vali says:

    Finally something helpful. Thanks a lot!

  15. You saved my life (I was about to kill myself…so frustrating) (JK btw)

  16. Marlon says:

    what if my custom.css is empty?

  17. adreqi says:

    Hello ! I found and successfully applied your useful tip some months ago but suddenly, this is not working anymore. Anyone else ?

  18. NDSA murrr says:

    Doesn’t work in windows 8, please put the \ simbol to separate folders, i don’t know where starts a folder and pasting C:UsersYOURUSERNAMEAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css without \’s doesn’t work! shit!

  19. Liam says:

    THAAAAAAANK YOUUUU. I downloaded helvetica neue for a project I was working on and since then it totally messed up every page I ever went on, after spending about 30 mins trying to fix I found this.

  20. Clara says:

    I don’t have the “User StyleSheets” folder inside the “Default” folder.

    C:\Users\OBS-COMUNICACAO\AppData\Local\Google\Chrome\User Data\Default

    Can I create the folder and the custom.css and add the lines? Will work?

    Thanks!

  21. Dev says:

    Anyone still facing the issue can use this Extension:

    https://chrome.google.com/webstore/detail/%E5%BC%BA%E5%88%B6%E7%BD%91%E9%A1%B5%E4%BD%BF%E7%94%A8%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/hckjchjpkmbihoocajjpjajkggbccgee?utm_source=chrome-app-launcher-info-dialog

    1. Install Extension
    2. Settings > Extensions > Force Custom Fonts (Options)
    3. Under Substitute Fonts, click +, add “Helvetica Neue” to “Arial”
    4. Save and then Refresh the affected pages
    5. Buy me a beer 😛

  22. m-p{3} says:

    Since Chrome 33, User Stylesheets have been turned off, and this workaround is now obsolete.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: