{"id":40362,"date":"2023-08-16T14:56:55","date_gmt":"2023-08-16T18:56:55","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=40362"},"modified":"2023-08-16T14:56:55","modified_gmt":"2023-08-16T18:56:55","slug":"typography-is-impossible","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2023\/08\/16\/typography-is-impossible\/","title":{"rendered":"Typography Is Impossible"},"content":{"rendered":"<p><a href=\"https:\/\/medium.engineering\/typography-is-impossible-5872b0c7f891\">Marcin Wichary<\/a> (2016):<\/p>\n<blockquote cite=\"https:\/\/medium.engineering\/typography-is-impossible-5872b0c7f891\"><p>Sticking out is not unusual in typography, even if you don&rsquo;t use flamboyant typefaces like Zapfino. Here are four examples from Medium today where cropping text precisely at its box&rsquo;s edges would cut stuff off[&#8230;] The box is just a suggestion.<\/p><p>[&#8230;]<\/p><p>So, yes: two fonts of the same size are likely to not actually <em>be <\/em>the same size.<\/p><p>There are consequences of this beyond just font sizing. Since the font designer can do whatever they want within the box, some fonts will inevitably end up closer to top, or to bottom. You might have to take that into account when laying things out[&#8230;]<\/p><p>[&#8230;]<\/p><p>Type is aligned when it <em>feels<\/em> aligned, not when it actually <em>is<\/em> aligned.<\/p><\/blockquote>","protected":false},"excerpt":{"rendered":"<p>Marcin Wichary (2016): Sticking out is not unusual in typography, even if you don&rsquo;t use flamboyant typefaces like Zapfino. Here are four examples from Medium today where cropping text precisely at its box&rsquo;s edges would cut stuff off[&#8230;] The box is just a suggestion.[&#8230;]So, yes: two fonts of the same size are likely to not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2023-08-16T18:56:58Z","apple_news_api_id":"056b68ad-15f0-4986-8e26-7f22aa057b7e","apple_news_api_modified_at":"2023-08-16T18:56:59Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/ABWtorRXwSYaOJn8iqgV7fg","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[248,338,133,339,31,1137,134,96],"class_list":["post-40362","post","type-post","status-publish","format-standard","hentry","category-technology","tag-android","tag-css","tag-font","tag-html","tag-ios","tag-ios-9","tag-typography","tag-web"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/40362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=40362"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/40362\/revisions"}],"predecessor-version":[{"id":40363,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/40362\/revisions\/40363"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=40362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=40362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=40362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}