Grow your CSS skills. Land your dream job.

Web Design Critique – Pixelated Font?

  • Anonymous
    # February 1, 2013 at 1:52 am

    I’m looking for some feedback to see if my mind/eyes are playing tricks. The title of this site is “Sometimes You Break A Clarinet” and I’m wondering if the font for the title looks pixelated.

    http://aarongmoore.com/test/layout.html

    I think it does look a bit pixelated but I’m not sure if that’s just my eyes playing tricks on me or my mind being a little OCD. If you think the image looks pixelated, advice on how to improve it would be appreciated.

    # February 1, 2013 at 2:02 am

    Ubuntu 12.10, it doesn’t look too pixelated, though it’s clearer when I zoom. What font are you using for that?

    I really like the hover effect in the menu (blog moving), but that font feels a bit… inconsistent in size. (Where if that is the effect you’re going for, you’re good! =)

    Anonymous
    # February 1, 2013 at 2:25 am

    The font in the title is League Gothic
    http://www.theleagueofmoveabletype.com/league-gothic

    I’m thinking of switching the title font to Junction
    http://www.theleagueofmoveabletype.com/junction

    The font in the menu is Londrina. I put this design aside for a few weeks and now I’m not sure I like Londrina for the menu, my mind is going back and forth.

    http://www.marcelomagalhaes.net/59830/546166/-typography/londrina-typeface

    # February 1, 2013 at 4:38 am

    Londrina is too… playful for my tastes. But that’s my personal tastes, and nothing else =)

    Of the other two, I prefer League Gothic, though the n/u balance is quite neat in Junction.

    Maybe instead of picture use font-face, and then perhaps the picture as a backup plan?

    # February 1, 2013 at 7:41 am

    Neither of the fonts look pixelated at all on a Retina screen, but the title image does. :) Just a detail, but you might want to make that image higher res.

    # February 1, 2013 at 8:23 am

    I’m with howlermiller. The font looks nice and crisp (Windows 7 PC / iPad 3), but the dropshadows (?!) and/or edges in the image look smudgy.

    Anonymous
    # February 1, 2013 at 6:39 pm

    I’m not sure what drop shadow you’re referring to Marco. I don’t think there is any.

    I did have a 3D box transition for the links but I’ve decided against that, in favor of the simpler colour change on hover method.

    # February 1, 2013 at 6:49 pm

    The issue you’re having is due to poor hinting.

    Anonymous
    # February 21, 2013 at 4:02 pm

    What does “poor hinting” mean? How do I fix that?

    # February 21, 2013 at 7:51 pm

    [Font hinting by Peter Biľak](http://www.typotheque.com/articles/hinting)

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".