Setting text sizes: regular vs zoom views on devices/browsers


(Lisa Sandler) #1

I have been checking my website all my different devices and I just realized I’ve got Zoom enabled on my iPhone. I think I have a minimum text size limit my browser as well.

Does anyone has an opinion of how you should set your text size for mass audiences… should I set it based on regular view? Obviously I know people can also determine font sizes and zoomed browser view as well…

Any developers or builders have an opinion?

thanks


(Doug Bennett) #2

Set for regular view always, all responsive sites (including foundation) set the viewport like this:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

People will zoom and override the font size (they can do that on desktops as well) as they need.


(Lisa Sandler) #3

thanks, Doug. So I should put that code in my site wide header?


(Doug Bennett) #4

The meta tag above should already be in your header from foundations.


(Lisa Sandler) #5

oh, ok, thanks. blah blah