CODEWITHSUNDEEP
htmlcssgoogle-chromefonts
user1310420
user1310420

Reputation:

Google Chrome font optimization

i heavily use Google Fonts and custom fonts, as Google Chrome has a bad habit of rendering them poorly, which is a shame because everything else works so well with Google Chrome, is there any way i can (preferably using css) render the fonts to an 'Apple Safari' standard?

Thanks,

Upvotes: 6

Views: 1281

Answers (2)

2stripe
2stripe

Reputation: 61

Have you had a look into -webkit-font-smoothing ? I regularly use Google Fonts and @font-face kits and have had success with some of the 'chunkier' fonts using the 'subpixel-antialiased' and 'antialiased':

-webkit-font-smoothing: subpixel-antialiased;

-webkit-font-smoothing: antialiased;

Perhaps try each and see if either makes a difference to what you're seeing?

There's a post on MaxVoltar that gives a reasonable explanation:

http://maxvoltar.com/archive/-webkit-font-smoothing

Upvotes: 1

marta.joed
marta.joed

Reputation: 366

This is an ever confounding question. (see: https://superuser.com/questions/354006/google-chrome-never-renders-fonts-properly-no-smoothing-etc. See also: http://productforums.google.com/forum/#!topic/chrome/oXILHkVG75M)

It's a Windows 7/Vista ClearType issue. AFAIK Safari, FF and IE render text differently or use their own text rendering routines. Basically, it used to be that you could add a small shadow to set an internal Chrome rendering flag, and the text would look decently better, but it still looks pretty bad. That no longer works. As far as I can tell it's a bug in Chrome that hasn't been fixed.

I'm still looking for a work-around myself, but I think we're pretty much out of luck

Upvotes: 1

Related Questions