{"id":101,"date":"2011-08-18T08:40:11","date_gmt":"2011-08-18T13:40:11","guid":{"rendered":"http:\/\/cbateman.com\/blog\/?p=101"},"modified":"2012-05-09T22:07:30","modified_gmt":"2012-05-10T04:07:30","slug":"can-you-read-me-now","status":"publish","type":"post","link":"https:\/\/cbateman.com\/blog\/can-you-read-me-now\/","title":{"rendered":"Can You Read Me Now?"},"content":{"rendered":"<p>I wanted to use 16px text on this site, because anything smaller than that felt a little uncomfortable on the iPad &#8211; and what&#8217;s the point of a responsive design if you feel like you have to zoom in? I was a little reluctant to do it, however, because 16px felt awkwardly large on the desktop.<\/p>\r\n\r\n<p>Fortunately, I happened across a couple of great articles by <a href=\"http:\/\/www.informationarchitects.jp\/en\/100e2r\/\">Oliver Reichenstein<\/a> and <a href=\"http:\/\/www.wilsonminer.com\/posts\/2008\/oct\/20\/relative-readability\/\">Wilson Miner<\/a> which convinced me it was the right thing to do.<\/p>\r\n\r\n<p>I won&#8217;t repeat everything they wrote, but here&#8217;s the gist of it: We&#8217;re used to seeing small font sizes on the web because that&#8217;s how we&#8217;ve always done it. Screen resolutions used to be much lower, and smaller text allows you to fit more of it on the page.<\/p>\r\n\r\n<p>We squint and lean in close to our monitors without thinking about it &#8211; but it shouldn&#8217;t have to be that way. Here&#8217;s a picture Wilson took of 16px text next to a magazine held at reading distance:\r\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-full aligncenter\" title=\"Typesize Comparison\" src=\"http:\/\/cbateman.com\/blog\/wp-content\/uploads\/2011\/08\/typesize_comparison.jpg\" alt=\"Typesize Comparison\" \/><\/p>\r\nWhen I saw that, I immediately grabbed a book to try it out myself. <em>Suddenly, 16px didn&#8217;t seem so big any more<\/em>.<\/p>\r\n\r\n<p>Using larger text can be a challenge, and it may not be feasible on every site, but it&#8217;ll force you to create simpler and cleaner designs. So give it a try, lean back, and you might soon begin to find that everything else looks too small.<\/p>","protected":false},"excerpt":{"rendered":"<p>I wanted to use 16px text on this site, because anything smaller than that felt a little uncomfortable on the iPad &#8211; and what&#8217;s the point of a responsive design if you feel like you have to zoom in? I was a little reluctant to do it, however, because 16px felt awkwardly large on the desktop. Fortunately, I happened across&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-101","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts\/101"}],"collection":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":23,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts\/101\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}