The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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.

    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

    This reply has been reported for inappropriate content.

    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! =)

    # February 1, 2013 at 2:25 am

    The font in the title is League Gothic

    I’m thinking of switching the title font to 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.

    # February 1, 2013 at 4:38 am

    This reply has been reported for inappropriate content.

    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

    This reply has been reported for inappropriate content.

    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.

    # 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.

    # 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](

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed