Grow your CSS skills. Land your dream job.

font-size in High DPI

  • # January 27, 2013 at 10:32 pm

    This is my first post in this forum but I’ve been reading the CSS-Tricks posts for months. I’m in the middle of a website redesign and there are a couple of things I want to integrate while I’m still in the early stages. I have been using media queries for responsive web design but I don’t know how to deal with font-sizes on high DPI screens like Retina. I have been doing some testing on my 4th gen iPod and the text is really small and hard to read. Is there a rule of thumb or guild lines any one can recommend for this issue? Thanks in advance.

    # January 28, 2013 at 2:04 am

    There are media queries available to specifically target retina displays, but text really shouldn’t be rendering smaller, that sounds like a problem with how you’re setting font sizes.

    http://css-tricks.com/snippets/css/retina-display-media-query/

    # January 28, 2013 at 12:59 pm

    It could also be that you aren’t using the viewport meta tag, which would mean that your iPod is rendering the page zoomed out. See if putting this inside your `` tag makes it better:

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

You must be logged in to reply to this topic.

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