{"id":42882,"date":"2024-04-18T22:18:19","date_gmt":"2024-04-19T02:18:19","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=42882"},"modified":"2024-04-18T22:18:19","modified_gmt":"2024-04-19T02:18:19","slug":"legibility-and-san-francisco","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2024\/04\/18\/legibility-and-san-francisco\/","title":{"rendered":"Legibility and San Francisco"},"content":{"rendered":"<p><a href=\"https:\/\/www.nubero.ch\/blog\/011\/\">Niko Kitsakis<\/a> (<a href=\"https:\/\/twitter.com\/nuberodesign\/status\/1775897361480315197\">tweet<\/a>):<\/p>\n<blockquote cite=\"https:\/\/www.nubero.ch\/blog\/011\/\">\n<p>Why is San Francisco not the best typeface for a user interface? After all, Apple has gone through quite some trouble designing it in-house. Do a search on the matter and you will find articles and videos for deve lo pers, where the people from Apple explain their thinking. They talk about optical sizes, different use-cases, space efficiency, expressiveness and so forth. It all <em>sounds<\/em> very professional.<\/p>\n<p>[&#8230;]<\/p>\n<p>Apple&rsquo;s San Francisco falls into the same category as the Japanese sword: It might, from a technical standpoint, be a very well designed typeface, but it&rsquo;s <em>the wrong kind of typeface to begin with.<\/em> Apple&rsquo;s typeface lacks two things that any typeface (to a different extend) needs: Personality and purpose.<\/p>\n<p>[&#8230;]<\/p>\n<p>If you compare San Francisco (or SF&nbsp;Pro as Apple also calls it) to FF&nbsp;Unit, you&rsquo;ll see that the numeral &ldquo;1&rdquo; and the shapes of the first three letters of the word &ldquo;Iliad&rdquo; are much more distinct from one another in FF&nbsp;Unit than the same characters (or glyphs) are in in SF&nbsp;Pro. This was done on purpose, of course: Typefaces like FF&nbsp;Unit were de signed with legibility in mind, and one of the things a type designer does in that case, is ensuring that visually similar letters have shapes that make them <em>more distinct from one another.<\/em><\/p>\n<\/blockquote>\n\n<p>Previously:<\/p>\n<ul>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2015\/09\/23\/san-francisco-quotation-marks\/\">San Francisco Quotation Marks<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2015\/06\/19\/san-francisco-fonts\/\">San Francisco Fonts<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2015\/05\/20\/san-francisco-as-the-mac-system-font\/\">San Francisco as the Mac System Font<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Niko Kitsakis (tweet): Why is San Francisco not the best typeface for a user interface? After all, Apple has gone through quite some trouble designing it in-house. Do a search on the matter and you will find articles and videos for deve lo pers, where the people from Apple explain their thinking. They talk about [&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":"2024-04-19T02:18:23Z","apple_news_api_id":"af5d57d1-7524-457a-a205-21e1eaff950b","apple_news_api_modified_at":"2024-04-19T02:18:24Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/Ar11X0XUkRXqiBSHh6v-VCw","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":[77,133,31,2321,30,2385,134],"class_list":["post-42882","post","type-post","status-publish","format-standard","hentry","category-technology","tag-design","tag-font","tag-ios","tag-ios-17","tag-mac","tag-macos-14-sonoma","tag-typography"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/42882","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=42882"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/42882\/revisions"}],"predecessor-version":[{"id":42883,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/42882\/revisions\/42883"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=42882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=42882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=42882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}