{"id":298,"date":"2003-03-16T17:01:30","date_gmt":"2003-03-16T22:01:30","guid":{"rendered":"\/?p=298"},"modified":"2025-03-04T15:28:40","modified_gmt":"2025-03-04T20:28:40","slug":"fonts_in_icab_and_safari","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2003\/03\/16\/fonts_in_icab_and_safari\/","title":{"rendered":"Fonts in iCab and Safari"},"content":{"rendered":"

Safari does a great job at rendering. It’s approximately as compatible with interactive sites as iCab. (Some work in one but not the other, and in both cases I occasionally have to use Internet Explorer.) I have some quibbles about the way it handles downloads and such, but it’s still beta and I think this stuff will all improve.<\/p>\n\n\n\n

The area I’m concerned about is font rasterization. I don’t like fuzzy text, and Safari uses CoreGraphics, which is incapable<\/a> of drawing nice crisp text. Some will say this is a feature, that the poor spacing is because it is more precisely following the font metrics. That’s taking WYSIWYG too far. The first job of a browsing application like Safari should be to make the content readable. If that means using a hand-tuned bitmap that is less true to the actual printed font, I’m all for it.<\/p>\n\n\n\n

I am also well aware that many people like small anti-aliased text. Fine. I don’t want to take it away from you, and Apple wouldn’t listen to me anyway. However, I think Apple should let the user control the tradeoff between flavor<\/a> and readability. This should be a system-level preference, and it should also be overridable at the application or font level.\n\n<\/p>\n\n\n\n

Until Apple fixes this or the iCab folks improve their CSS support, I will be switching back and forth between iCab and Safari depending on the length and type of content, and on how much the page I’m reading uses CSS. (Developers: I would pay good money for a standards-compliant browser that uses QuickDraw.)<\/p>\n\n\n\n

Here are some examples of how iCab and Safari render the documentation for NSMutableArray<\/a>.<\/p>\n\n\n\n

This is the class description in iCab. The body text is Geneva 10, the header is Helvetica, and the code is in ProFont<\/a>. The text is crisp. It may not be beautiful, but I find it very easy to read. Note the way the descenders are drawn in the underlined text and how easy it is to see ProFont’s exaggerated punctuation.<\/p>\n\n\n\n

\"Class<\/blockquote>\n\n\n\n

This is the class description in Safari. The fonts are Geneva and ProFont. (Safari doesn’t provide an option for finer control, except through a custom stylesheet.) The bold text doesn’t appear bold because CoreGraphics doesn’t create synthetic styles. The descenders and the underlining are mashed together. The “anObject” in the code font stands out, jarringly so. The punctuation in the extended code example is muddy.<\/p>\n\n\n\n

\"Class<\/blockquote>\n\n\n\n

This is the top of the page in iCab. The header is anti-aliased with QuickDraw, and I think it looks nice. The indented headers appear very bold. My only complaint is that there’s a bit too much spacing after the opening parens.<\/p>\n\n\n\n

\"Class<\/blockquote>\n\n\n\n

Here it is in Safari. Now it’s really obvious that Safari can’t do bold Geneva. The paren spacing is much better, though.<\/p>\n\n\n\n

\"Class<\/blockquote>\n\n\n\n

Here’s the same page using Safari’s default font, Lucida Grande. Now the bolds look nice. I’ll use Lucida Grande from now on, because it’s the font Apple uses to showcase CoreGraphics.<\/p>\n\n\n\n

\"Class<\/blockquote>\n\n\n\n

Here’s the method summary in iCab.<\/p>\n\n\n\n

\"Method<\/blockquote>\n\n\n\n

Here’s the method summary in Safari. Behold the smudges.<\/p>\n\n\n\n

\"Method<\/blockquote>\n\n\n\n

Now, here’s part of a post<\/a> from my blog.<\/p>\n\n\n\n

\"Blog<\/blockquote>\n\n\n\n

In Safari, you can’t even tell that the apostrophes are smart. The en-dash after the “C” looks shorter than the hyphen, and it’s really fuzzy. One thing I like about Safari’s rendering is that it doesn’t underline the space after “Python”; iCab does this, even though there’s a line break.<\/p>\n\n\n\n

\"Blog<\/blockquote>","protected":false},"excerpt":{"rendered":"

Safari does a great job at rendering. It’s approximately as compatible with interactive sites as iCab. (Some work in one but not the other, and in both cases I occasionally have to use Internet Explorer.) I have some quibbles about the way it handles downloads and such, but it’s still beta and I think this […]<\/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":[104,302,30,655,103,2735],"class_list":["post-298","post","type-post","status-publish","format-standard","hentry","category-technology","tag-fontsmoothing","tag-icab","tag-mac","tag-mac-os-x-10-2-jaguar","tag-safari","tag-web-browser"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/298","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=298"}],"version-history":[{"count":4,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/298\/revisions"}],"predecessor-version":[{"id":15601,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/298\/revisions\/15601"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}