Evan Minto:<\/p>\n
\nThe question was \u201cHow many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?\u201d By knowing this, we would determine how many users would be affected by sizing with relative units like rems\/ems.<\/p>\n
Using the methodology I describe below, we found that the answer is 3.08% of our users.<\/p>\n<\/blockquote>\n
So if you set type in pixels, and your traffic is anything like the Internet Archive’s, 3% of your users won’t have their explicitly-asked-for font-size<\/em> alteration accommodated. <\/p>\n
It’s true. I made two little reduced test cases. First I left the default medium font-size preference<\/a> on and set one with pixels and one with ems and sized them to match. Then bumped up the preference to large<\/a>, and only the ems changed, the pixel-set one stays the same.<\/p>\n
As ever, there is more to think about. How does page zooming factor in? How annoyed are those 3%? How annoyed are the 3% on other sites that use pixels but set type pretty large anyway? How much do we care about people who use the preference to size type down<\/em>?<\/p>\n","protected":false},"excerpt":{"rendered":"
Evan Minto: The question was \u201cHow many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?\u201d By knowing this, we would determine how many users would be affected by sizing with relative units like rems\/ems. Using the methodology I describe below, we found that […]<\/p>\n","protected":false},"author":3,"featured_media":273185,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/size-type.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/size-type.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/272996"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=272996"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/272996\/revisions"}],"predecessor-version":[{"id":273195,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/272996\/revisions\/273195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/273185"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=272996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=272996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=272996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![left the default medium font-size preference<\/a> on and set one with pixels and one with ems and sized them to match. Then](\"https:\/\/css-tricks.com\/wp-content\/uploads\/2018\/06\/medium.png\"){kind=link}
![bumped up the preference to large<\/a>, and only the ems changed, the pixel-set one stays the same.<\/p>\nAs ever, there is more to think about. How does page zooming factor in? How annoyed are those 3%? How annoyed are the 3% on other sites that use pixels but set type pretty large anyway? How much do we care about people who use the preference to size type down<\/em>?<\/p>\n","protected":false},"excerpt":{"rendered":"Evan Minto: The question was \u201cHow many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?\u201d By knowing this, we would determine how many users would be affected by sizing with relative units like rems\/ems. Using the methodology I describe below, we found that […]<\/p>\n","protected":false},"author":3,"featured_media":273185,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/size-type.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/size-type.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/272996"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=272996"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/272996\/revisions"}],"predecessor-version":[{"id":273195,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/272996\/revisions\/273195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/273185"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=272996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=272996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=272996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}](\"https:\/\/css-tricks.com\/wp-content\/uploads\/2018\/06\/large.png\"){kind=link}