Give help. Get help.

  • # December 31, 2012 at 4:59 am

    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]( “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) ?

    # December 31, 2012 at 9:44 am

    I think Josh’s method actually makes it worse.

    I prefer Chrome when using webfonts that have a weight of 100 to 300. Also, Chrome renders Georgia much better than Firefox on Windows.

    See testing

    # December 31, 2012 at 10:18 am

    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.

    # December 31, 2012 at 11:34 pm

    @joshuanhibbert Would love to see a simple test case of that theory without other CSS3 features (transforms, transitions, perspective).


    By the way, someone I helped just before you on that Twitter handle, had his changed last week.

    # January 1, 2013 at 3:33 am

    @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).

    # January 1, 2013 at 4:46 am

    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.

    # January 1, 2013 at 12:17 pm

    Chrome should be switching to DirectWrite soon.

    # January 1, 2013 at 6:37 pm

    @joshuanhibbert I don’t believe so. OS X already supports DirectWrite however, Chrome (on Windows) does not. Right now it supports ClearType.

    # January 2, 2013 at 9:52 am

    This directWrite thing really seems to be the ray of hope. Here’s what a Chromium-Dev guy has to say about this: [DirectWrite Plans](!topic/chromium-dev/5BQYLaalCoY “Chromium-Dev”)

    Apparently Firefox and IE are already using this windows technology, I guess that explains their smooth font rendering.

    # January 2, 2013 at 9:58 am

    Hey I found an article on that quite explains this whole thing.
    [A closer look at font rendering]( “SmashingMagazine”)

    And here’s an article on [DirectWrite]( “Microsoft DirectWrite”) itself.


Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.