The fonts rendered by chrome and safari on windows PC are pretty bad compared to Firefox or IE. I’ve tried the text-stroke, text-shadow and font-smoothness methods but these haven’t make them look any good.
So I made this web page : [Font Test](http://www.creativesands.in/font-test “Font-Test”)
Here visitors can easily change fonts and their sizes to check font rendering smoothness. I found that fonts have rugged edges until about 50px or so, after which they are smooth. Probably because the glyphs have larger curves then.
Is there a way to improve font rendering on chrome and safari (Windows) ?
Fonts can typically look poor if your environment does not have installed mime-types for that specific font. Hosting companies like GoDaddy and others can also provide hardships to some and require workarounds.
@chrisburton Depends on the typeface (which is why I made sure to state ‘in some cases’). There have been a couple of cases for me recently where it improved the rendering in Chrome substantially (Chrome is notoriously bad anyway).
@joshuanhibbert Lame. I wonder if they at all have used the account for Direct Messaging.
What a significant difference between OS X and Windows font rendering. On Windows, it makes the font look worse (pixelated) but better on OS X. So in that case, I’d probably target OS X specifically (if possible).
Thanks for your responses. I wonder if chrome is able to access the windows’ font smoothing technology –cleartype. The same fonts render differently on chrome and on IE10 or Firefox.
@joshuanhibbert translateZ(0) seems to smooth out edges a little but the font seems a little blurred then.
Hoping to either find a universal fix that fixes all fonts in chrome or that Google fixes this issue themselves in their next release. I just wonder why this is not already fixed, given, the sheer number of people working behind webkit.