{"id":370,"date":"2003-04-14T12:26:20","date_gmt":"2003-04-14T16:26:20","guid":{"rendered":"\/?p=370"},"modified":"2016-08-19T11:20:12","modified_gmt":"2016-08-19T15:20:12","slug":"safari_10_beta_2","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2003\/04\/14\/safari_10_beta_2\/","title":{"rendered":"Safari 1.0 Beta 2"},"content":{"rendered":"<p>The change in <a href=\"http:\/\/www.apple.com\/safari\/\">Safari<\/a> that I&rsquo;m excited about is not <a href=\"http:\/\/www.mjtsai.com\/blog\/2003\/02\/24\/metal_tab_browsing.html\">the metal tabs<\/a> but the font rendering. Previous versions of Safari <a href=\"http:\/\/daringfireball.net\/2003\/03\/antialiasing.html\">always anti-aliased fonts<\/a> and <a href=\"http:\/\/daringfireball.net\/2003\/03\/antiantialiasing.html\">didn&rsquo;t use screen fonts<\/a>. The new version of Safari obeys the system anti-aliasing threshold, which I override for Safari like so:<\/p>\r\n\r\n\r\n<pre>defaults write com.apple.Safari AppleAntiAliasingThreshold 12<\/pre>\r\n\r\n<p>It also uses the real screen version of Geneva&mdash;sometimes.<\/p>\r\n\r\n\r\n\r\n<p>I previously showed examples of <a href=\"http:\/\/www.mjtsai.com\/blog\/2003\/03\/16\/fonts_in_icab_and_safari.html\">how Safari and iCab render<\/a> <a href=\"http:\/\/developer.apple.com\/techpubs\/macosx\/Cocoa\/Reference\/Foundation\/ObjC_classic\/Classes\/NSMutableArray.html#\/\/apple_ref\/occ\/cl\/NSMutableArray\">one of Apple&rsquo;s Web pages<\/a>.<\/p>\r\n\r\n\r\n\r\n<p>\r\n\r\nBelow is Safari with the above anti-aliasing setting and the fonts set to Geneva 10 and Monaco 10.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<blockquote>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" alt=\"2003-04-14-sfri-g-10.png\" src=\"http:\/\/mjtsai.com\/blog\/images\/2003-04-14-sfri-g-10.png\" width=\"357\" height=\"339\" border=\"0\" \/>\r\n\r\n<\/blockquote>\r\n\r\n\r\n\r\n<p>\r\n\r\nHere&rsquo;s what it looks like in iCab. The Safari text is now just as sharp as in iCab, and it seems to be using the proper letter shapes and spacing. Safari&rsquo;s underlining still obscures the descenders, and it does poorly with the bold and italic text.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<blockquote>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" alt=\"2003-04-14-icab-g-10.png\" src=\"http:\/\/www.mjtsai.com\/blog\/images\/2003-04-14-icab-g-10.png\" width=\"371\" height=\"264\" border=\"0\" \/>\r\n\r\n<\/blockquote>\r\n\r\n\r\n\r\n<p>\r\n\r\nIn all fairness, iCab&rsquo;s italic Geneva 10 doesn&rsquo;t look great either. For true bitmap nirvana, you have to reduce the font size to take advantage of the hand-tuned Geneva 9 bitmap.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<blockquote>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" alt=\"2003-04-14-icab-g-9.png\" src=\"http:\/\/www.mjtsai.com\/blog\/images\/2003-04-14-icab-g-9.png\" width=\"353\" height=\"256\" border=\"0\" \/>\r\n\r\n<\/blockquote>\r\n\r\n\r\n\r\n<p>\r\n\r\nUnfortunately, reducing the font size in Safari results in even worse bold and italic text.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<blockquote>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" alt=\"2003-04-14-sfri-g-9.png\" src=\"http:\/\/www.mjtsai.com\/blog\/images\/2003-04-14-sfri-g-9.png\" width=\"354\" height=\"324\" border=\"0\" \/>\r\n\r\n<\/blockquote>\r\n\r\n\r\n\r\n<p>By the way, Safari also renders the <code>q<\/code> tag now. <a href=\"http:\/\/www.mjtsai.com\/blog\/2003\/04\/14\/quote_of_the_day.html\">See?<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The change in Safari that I&rsquo;m excited about is not the metal tabs but the font rendering. Previous versions of Safari always anti-aliased fonts and didn&rsquo;t use screen fonts. The new version of Safari obeys the system anti-aliasing threshold, which I override for Safari like so: defaults write com.apple.Safari AppleAntiAliasingThreshold 12 It also uses the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"","apple_news_api_id":"","apple_news_api_modified_at":"","apple_news_api_revision":"","apple_news_api_share_url":"","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":[649,104,30,103],"class_list":["post-370","post","type-post","status-publish","format-standard","hentry","category-technology","tag-esoteric-preferences","tag-fontsmoothing","tag-mac","tag-safari"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/370","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"predecessor-version":[{"id":15598,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/370\/revisions\/15598"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}