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

Are icon-fonts retina friendly?

  • # June 15, 2013 at 2:48 pm


    My navigation will consist of 50x50px buttons( ‘a’ tags) with NO texts, just icons. And I would like it also to be retina ready so I’m wondering whats the best approach to it. Icon-fonts or image-sprite (i will double the size)?

    And what’s latest best-practice on text-replacements?

    Thank you.

    # June 15, 2013 at 3:48 pm

    Yes! Icon fonts are the very definition of retina friendly.

    # June 16, 2013 at 2:32 am

    Thanks @TheDoc

    # June 16, 2013 at 5:13 am

    Think of icon-fonts as regular text. Would you ask yourself whether text is retina friendly? :)

    # June 16, 2013 at 8:56 am

    I don’t know really. But I think they’re(some) not because text on my non-retina devices aren’t that crisp.

Viewing 5 posts - 1 through 5 (of 5 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