Give help. Get help.

  • # January 18, 2013 at 9:34 pm

    It looks better to me in Webkit when font smoothing is on.

    Screenshot with font smoothing on:
    [font-smoothing-on.png]( “”)

    Screenshot with smoothing off:
    [font-smoothing-off.png]( “”)

    I am using Mac OS 10.6 and an iPad 2. I have not heard about that fix before. Maybe it’s applicable to some other combination of Webkit and hardware.

    # January 18, 2013 at 10:33 pm

    I haven’t noticed the blue look you are taking about. What type of screen are you using?

    From your screen shots the smoothing looks a lot better. When I look at the site on my iphone in chrome it doesn’t look as jaged as your screen shot.

    # January 18, 2013 at 10:36 pm

    @Eric That’s weird it’s just verdana. What is it that makes it feel busy?

    # January 18, 2013 at 11:09 pm

    Maybe it’s th font smoothing . I will pull that line of code out when I get a chance.

    # January 19, 2013 at 6:54 pm

    @Caleb, I agree with @Eric, it’s too busy and cramped. Not enough white space. I would suggest increasing line height, articles padding and vertical margins.

    # January 22, 2013 at 10:24 am

    @jurotek and @Eric Thanks! I have made some changes to the margins and line height. I think it looks a lot better.

    I am working with the text rendering issues in webkit. Am I wrong in saying that webkit has no idea how to render text? It’s really bad in Safari. I have not just noticed text issues on this project, even the text on this site (css-tricks) looks bad in Safari. I think the font rendering thing has been the main reason I have stuck with FF for my main browser. I just cant stand to look at it in webkit.

    # January 22, 2013 at 1:22 pm

    I am using width: 100%; height: auto; on img tags so they will resize. This looks good in all browsers except Safari. Resized images in Safari look blurry. Any ideas?

Viewing 7 posts - 16 through 22 (of 22 total)

You must be logged in to reply to this topic.