Google webfonts looks bad on chrome

Question

I rely heavily on Google Webfonts for my site and (unfortunately) google chrome does not represent them well, I always set the font to be smooth, but it doesn't seem to help. EXAMPLES

Is there any way to smooth them / make them look better?

Thanks,

Answer 1

Personally, I would use

http://www.fontsquirrel.com/

All this is hosted on your server and compatible with almost all browsers! Since the use of Font Squirrel I have not looked elsewhere.

Answer 2

Font display problems are common in GChrome, try changing the order of the @ font-face sources ... Chrome uses the .svg file in the sources of the @ font-face font, for some reason it does not transfer the .svg named last in the list

@font-face { font-family: 'my-dirty-font'; src: url('../fonts/my-dirty-font.eot'); src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), url('../fonts/my-dirty-font.woff') format('woff'), url('../fonts/my-dirty-font.ttf') format('truetype'), url('../fonts/my-dirty-font.svg') format('svg'); font-weight: normal; font-style: normal; } 

If the ordering @ font-face looks similar, try switching to

 @font-face { font-family: 'my-dirty-font'; src: url('../fonts/my-dirty-font.eot'); src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), url('../fonts/my-dirty-font.svg') format('svg'); url('../fonts/my-dirty-font.woff') format('woff'), url('../fonts/my-dirty-font.ttf') format('truetype'), font-weight: normal; font-style: normal; } 

Answer 3

If you get fonts from a google server, this might be less smooth because your clients need to make two server requests, one for your site and one for the Google web font server. Therefore, if you download fonts and place them on your site, your fonts should look smoother and smoother. I also found that height should do a lot with how they look. Some fonts look sadly distorted when they come across 150 pixels, and so on, and son. Therefore, try to keep the font level low.