Antialiased Text Is Not All That

Posted October 1, 2007 at 8:14 AM by Ben Nadel

One of the things I don't like about the Mac is that it defaults to making all of its text antialiased. In fact, I am not even sure if you can turn that feature off. I don't understand people's obsession with antialiased text. I like it on large titles and things that are not primarily for reading, but I would never put it on "content" text. I think it looks fuzzy and makes text less readable. I'm still on IE6 here, but apparently, when you install IE7, it includes an antialiased text default.

What is going on? Why is antialiased text taking over? I can't imagine that it's easier to read otherwise books would be printed in the same way, right? But, when's the last time you read a book that had antialiased text? I know that I certainly never have.

So what gives? What is it about antialiasing text that people find so inviting?



Reader Comments

Oct 1, 2007 at 8:34 AM // reply »
5 Comments

Microsoft's cleartype is actual proven to be better on the eyes, less strain for the eyes, especially when used on an LCD screen.

http://en.wikipedia.org/wiki/ClearType

If you work with it for a few days, you'll never want to go back. But Mac only has one setting, which makes it harder to use.

Microsoft has the ClearType tuning wizard which makes tweaking it for maximum readability a breeze. I never want to live without ClearType anymore.

http://www.microsoft.com/typography/cleartype/tuner/Step1.aspx

The reason books aren't anti-aliased is that they don't contain pixels, but are crystal-clear sharp (or should be), but a screen has to compensate for not being 300 dots per inch.


Oct 1, 2007 at 8:57 AM // reply »
6 Comments

I have to agree with Pablo on this; I personally think that Cleartext is a big plus for reading on screen text. However Microsoft and Apple handle these improvements differently. Joel Spolsky has a good artcile on it here: http://www.joelonsoftware.com/items/2007/06/12.html.


Oct 1, 2007 at 9:22 AM // reply »
43 Comments

I've become a big Mac guy, but I have to admit an emphatic preference for MS's clear type. Like you, I find the Mac anti-aliasing too fuzzy-looking more often than I'd like. I understand their reasoning (the article by Joel is a good read), but don't happen to agree with it.


Oct 1, 2007 at 9:37 AM // reply »
153 Comments

The absolute first thing I do when I install XP on a new computer is download the ClearType PowerToy, enable it, and configure the contrast. I haven't used a CRT monitor in years, and using an LCD without CT at this point is just ... painful.

I agree, though, I can't get used to OS X's version of AA. It's way too fuzzy for my tastes. However, knowing what I now know about the difference between it and CT, I can see how graphic designers would prefer it over CT. (Long story short, CT is the Abu Ghraib of AA.)

And yeah, books use AA. But they're at such high resolution that you can't tell. And really, that's precisely the point.

Tell you what. Print out this page. Then take a screenshot of this page with CT turned off, leave it at 72/96dpi, print it out, and compare the two. It's a world of difference.

Jeff Atwood has some relevant recent blog posts:

What's Wrong With Apple's Font Rendering? -- http://www.codinghorror.com/blog/archives/000884.html

Font Rendering: Respecting The Pixel Grid -- http://www.codinghorror.com/blog/archives/000885.html

Where Are The High Resolution Displays? -- http://www.codinghorror.com/blog/archives/000886.html

-R


Oct 1, 2007 at 10:02 AM // reply »
8 Comments

Books aren't anti-aliased because printed type isn't pixelated to begin with. Anti-aliasing is an attempt to make pixels look like smooth lines, but it's an illusion. Book print is actually smooth lines, so there's no need.


Oct 1, 2007 at 10:05 AM // reply »
33 Comments

You can disable AA for text smaller than a specific size on Mac OS X. It's a system-wide setting somewhere in System Preferences. Makes reading PDFs, websites, etc a bit easier on the eyes.


Oct 1, 2007 at 10:29 AM // reply »
10,640 Comments

Ok, so maybe what I am reacting to is that I don't like reading antialiased text when I can SEE that it is antialiased. If you say books are are antialiased, but they don't look like it to me, then that is a good thing - antialiasing done well. But, on things like the Mac, IE7, and possibly Safari on any operating system (or so I am told)? It is just out of control.

It's like green screen in a movie. Its awesome if I can't tell that is being used. If I can tell, then it just looks like a crappy effect :)


Oct 1, 2007 at 10:41 AM // reply »
5 Comments

@BEN: If you're not using a mac, and it's still out of control, then you should you use the cleartype tuner.
I have it on permanently and I don't notice it, until I turn it off (which is terrible).


Oct 1, 2007 at 10:56 AM // reply »
6 Comments

You can sorta turn off AA for Mac, but it looks worse since the fonts are designed for AA.

http://ask.metafilter.com/47897/Please-help-me-GLOBALLY-DISABLE-font-smoothing-antialiasing-in-Tiger

defaults write -g AppleAntiAliasingThreshold 128
defaults write CoreGraphics CGFontDisableAntialiasing YES

If I could find out how to change the default system font then I would disable AA and set it to something that works well without AA.


Oct 1, 2007 at 12:10 PM // reply »
1 Comments

Preferences Pane > Display > bottom of the pane ;) there you go


Oct 1, 2007 at 1:50 PM // reply »
153 Comments

Perfectly AA books might have been a reality in Gutenberg's time when wooden blocks were being used, but not these days. Even laser printers rasterize the image before printing, no matter how wonderfully vector-based the image may have started.

Human visual acuity at 12in is just under 300dpi. No human is going to be able to tell the difference between two prints at different resolutions above 600dpi or so. (Some magazines are printed below 300dpi, and they drive me crazy.)


Oct 1, 2007 at 1:55 PM // reply »
10,640 Comments

So I guess it's just a balancing act. Some antialiasing makes text more readable... to a point, and then it just gets too fuzzy.


Oct 2, 2007 at 5:57 PM // reply »
3 Comments

You're totally right. Antialiased text is completely annoying because it creates for less consistant viewing from platform to platform or browser to browser. Sometimes lines of text take up too much space or can even be pushed down another line which makes for controling the user's viewing experience even more difficult.



Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 12, 2012 at 3:37 AM
Learning ColdFusion 8: CFImage Part III - Watermarks And Transparency
Hi Ben, Just to ask currently it is placed bottom right corner, if i need to replace the same rendered image on the bottom left side or in the bottom center, how that can be calculated. bottom ce ... read »
Feb 11, 2012 at 9:29 PM
Use jQuery's SlideDown() With Fixed-Width Elements To Prevent Jumping
I can't say how glad I am that I found your post. Thank you very much. ... read »
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »