{"id":416,"date":"2008-04-27T11:52:00","date_gmt":"2008-04-27T11:52:00","guid":{"rendered":"https:\/\/chayilyam.com\/stories\/?p=416"},"modified":"2008-04-27T11:52:00","modified_gmt":"2008-04-27T11:52:00","slug":"font-size-conversion-chart","status":"publish","type":"post","link":"https:\/\/chayilyam.com\/stories\/font-size-conversion-chart\/","title":{"rendered":"Font Size Conversion Chart"},"content":{"rendered":"<div dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"><\/p>\n<div dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\">\n<table summary=\"Font sizing comparison chart\">\n<caption>Font Size Conversion Chart<\/caption>\n<thead>\n<tr>\n<th scope=\"colgroup\">Points<\/th>\n<th scope=\"colgroup\">Pixels<\/th>\n<th scope=\"colgroup\">Ems<\/th>\n<th scope=\"colgroup\">Percent<\/th>\n<th scope=\"colgroup\">Keyword<\/th>\n<th scope=\"colgroup\">Default <span>sans-serif<\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>6pt<\/td>\n<td>8px<\/td>\n<td>0.5em<\/td>\n<td>50%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 8px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>7pt<\/td>\n<td>9px<\/td>\n<td>0.55em<\/td>\n<td>55%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 9px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>7.5pt<\/td>\n<td>10px<\/td>\n<td>0.625em<\/td>\n<td>62.5%<\/td>\n<td>x-small<\/td>\n<td><span style=\"font-size: 10px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>8pt<\/td>\n<td>11px<\/td>\n<td>0.7em<\/td>\n<td>70%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 11px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>9pt<\/td>\n<td>12px<\/td>\n<td>0.75em<\/td>\n<td>75%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 12px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>10pt<\/td>\n<td>13px<\/td>\n<td>0.8em<\/td>\n<td>80%<\/td>\n<td>small<\/td>\n<td><span style=\"font-size: 13px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>10.5pt<\/td>\n<td>14px<\/td>\n<td>0.875em<\/td>\n<td>87.5%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 14px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>11pt<\/td>\n<td>15px<\/td>\n<td>0.95em<\/td>\n<td>95%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 15px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>12pt<\/td>\n<td>16px<\/td>\n<td>1em<\/td>\n<td>100%<\/td>\n<td>medium<\/td>\n<td><span style=\"font-size: 16px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>13pt<\/td>\n<td>17px<\/td>\n<td>1.05em<\/td>\n<td>105%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 17px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>13.5pt<\/td>\n<td>18px<\/td>\n<td>1.125em<\/td>\n<td>112.5%<\/td>\n<td>large<\/td>\n<td><span style=\"font-size: 18px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>14pt<\/td>\n<td>19px<\/td>\n<td>1.2em<\/td>\n<td>120%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 19px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>14.5pt<\/td>\n<td>20px<\/td>\n<td>1.25em<\/td>\n<td>125%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 20px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>15pt<\/td>\n<td>21px<\/td>\n<td>1.3em<\/td>\n<td>130%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 21px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>16pt<\/td>\n<td>22px<\/td>\n<td>1.4em<\/td>\n<td>140%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 22px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>17pt<\/td>\n<td>23px<\/td>\n<td>1.45em<\/td>\n<td>145%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 23px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>18pt<\/td>\n<td>24px<\/td>\n<td>1.5em<\/td>\n<td>150%<\/td>\n<td>x-large<\/td>\n<td><span style=\"font-size: 24px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>20pt<\/td>\n<td>26px<\/td>\n<td>1.6em<\/td>\n<td>160%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 26px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>22pt<\/td>\n<td>29px<\/td>\n<td>1.8em<\/td>\n<td>180%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 29px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>24pt<\/td>\n<td>32px<\/td>\n<td>2em<\/td>\n<td>200%<\/td>\n<td>xx-large<\/td>\n<td><span style=\"font-size: 32px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>26pt<\/td>\n<td>35px<\/td>\n<td>2.2em<\/td>\n<td>220%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 35px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>27pt<\/td>\n<td>36px<\/td>\n<td>2.25em<\/td>\n<td>225%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 36px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>28pt<\/td>\n<td>37px<\/td>\n<td>2.3em<\/td>\n<td>230%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 37px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>29pt<\/td>\n<td>38px<\/td>\n<td>2.35em<\/td>\n<td>235%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 38px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>30pt<\/td>\n<td>40px<\/td>\n<td>2.45em<\/td>\n<td>245%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 40px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>32pt<\/td>\n<td>42px<\/td>\n<td>2.55em<\/td>\n<td>255%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 42px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>34pt<\/td>\n<td>45px<\/td>\n<td>2.75em<\/td>\n<td>275%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 45px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<tr>\n<td>36pt<\/td>\n<td>48px<\/td>\n<td>3em<\/td>\n<td>300%<\/td>\n<td><\/td>\n<td><span style=\"font-size: 48px;\">CSS Tricks<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>There is a good online <a href=\"http:\/\/pxtoem.com\/\" target=\"_blank\">PX to EM conversion calculator<\/a> available. You can also use this calculator. <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Font Size Conversion Chart Points Pixels Ems Percent Keyword Default sans-serif 6pt 8px 0.5em 50% CSS Tricks 7pt 9px 0.55em 55% CSS Tricks 7.5pt 10px 0.625em 62.5% x-small CSS Tricks 8pt 11px 0.7em 70% CSS Tricks 9pt 12px 0.75em 75% CSS Tricks 10pt 13px 0.8em 80% small CSS Tricks 10.5pt 14px 0.875em 87.5% CSS Tricks &hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[81,84,85,145,183,195,196,369,380],"tags":[1627,1646,1349],"class_list":["post-416","post","type-post","status-publish","format-standard","hentry","category-css","category-css-tags","category-css3","category-font","category-help","category-html","category-html5","category-percent","category-points-to-pixels","tag-css","tag-help","tag-tutorial"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/pfoK1S-6I","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/comments?post=416"}],"version-history":[{"count":0,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/416\/revisions"}],"wp:attachment":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/media?parent=416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/categories?post=416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/tags?post=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}