Authored by Primate

A rather awesome, informative
and witty blog about all things web

The end of anti-anti-aliasing. Please.

Pixelated script font

"Hey, Annoying Paper Clip Guy, does my name look blurry to you?"

After two decades of only using a select few fonts online, new ingenious – perhaps inevitable – technologies have suddenly opened the doors to a plethora of typographical experimentation. What’s the catch? Microsoft’s backwards font-rendering philosophy.

Ever since I was in high school making crude drawings dressed up as art pieces I’ve been told Apple Macintosh is the way to go for designers – or anyone else who works with visual media – and guess I’ve always thought this to be true, though for a long time I wasn’t quite sure why. Back in the day, our arts class shared one or two of these bad boys and to be honest the difference between the “Power” Macintosh and a PC wasn’t all that obvious to a 17 year old non-geek. I mean, they pretty much looked the same (apart from that colourful little apple on the front), and as far as I was concerned they pretty much did the same too.

Fast forward a year or two and I’m still working on a Mac, this time in Arts College studying graphic design. We weren’t allowed to touch computers for the whole of the first year (which, I have to say, is an effective way of forcing students to appreciate the mundane perfection of great typography), but once the gates to the computer room opened, sure enough – naturally –  it was full of Macs, this time in shapes and colours unimaginable only half a decade earlier. I still didn’t know why they were any “better” for me than regular computers though.

In University I bought the first of my own Macs and about the same time I witnessed the magical transformation of egg-shaped machines into lamp-stands, washing-machine inspired flat-screens and aluminium space-age icons of designer-ism and coolness. Not to mention the introduction of a certain little white mp3-player that suddenly brought the Apple brand into the mainstream consumer brain – I guess you all know the rest.

So what does all this have to do with anti-aliasing? Well, during all these years as a Mac user I’ve never been able put my finger on the one reason why I prefer Mac to a PC – of course, there are lots of reasons, but many of them are both subjective and specific to how I use my computer –  and to be honest I’ve been quite indifferent to what other people use. Until now, that is.

Pixels and blurriness

Ever since the birth of their competitive relationship, Mr. Gates and Mr. Jobs have always had radically different ideas on how to render fonts on computer displays. Microsoft legend Joel Spolsky wrote about this back in 2007 and he describes the different philosophies really well:

“Apple generally believes that the goal of the algorithm should be to preserve the design of the typeface as much as possible, even at the cost of a little bit of blurriness. Microsoft generally believes that the shape of each letter should be hammered into pixel boundaries to prevent blur and improve readability, even at the cost of not being true to the typeface.”

Not really a big deal you might say, each to their own and all that, and I guess for a while it didn’t really matter. If anything, older displays would favour the Microsoft approach, as too much anti-aliasing really does make for blurry reading at low resolution, and fonts designed for on-screen reading, such as Georgia and Verdana, don’t benefit much from anti-aliasing anyway, as they were masterfully designed specifically to be displayed as a bunch of hard pixels. The fact that typefaces designed for print don’t display well “hammered into pixel boundaries” didn’t mean much either, as print designers would generally use Macs with high-resolution displays, and web designers were happy to use the same set of screen-fonts for live text and Flash or images for the “fancy stuff”.

A new era

But that was then. Now we have retina displays and 40 inch monitors. We have turbo-charged graphics cards and screen savers that go way beyond the original star field. We have smart-phones and tablets and Internet on our tellies. But most of all we have a major shift in the way we use and consume on-screen typography. I’m talking, of course, about Typekit and the likes, about the new possibility of rendering a virtually endless array of fonts on a billion different computer displays around the world. Suddenly, “real fonts” on the web is no longer restricted to Flash or images. Suddenly, every single computer with a web connection is a potential recipient of live, beautifully crafted typography. And suddenly – unfortunately – it becomes blatantly obvious that Microsoft’s stance on font-rendering simply doesn’t cut it anymore.

Joel Spolsky is probably right when he quotes an imaginary Windows user who experiences anti-aliased text for the first time:

“Whoa! That’s different. I don’t like different. Why don’t I like these fonts? Oh, when I look closer, they look blurry. That must be why.”

Well, I think that attitude about to change. Unless online typography turns out to be a short-lived fad – I seriously doubt it – we’ll soon see Windows users saying:

“Whoa! How come this site looks crap on my PC when it looks so good on my iPhone? Why don’t I like these fonts? Oh, when I look closer, they look all pixelated in Windows. That must be why.”

And maybe – just maybe – Microsoft will make their ClearType technology a default factory setting (as opposed to an obscure option you only find by scouring online forums), as part of an official strategy to contribute to the exciting future of design for screen devices.

If you liked this article then why not subscribe to our RSS feed.

Author: Espen Brunborg

Espen can easily ruin conversations with questions about chimneys.

Tags

, , , ,

Comments

Showing 10 Comments

Leave a comment
  1. [...] and development over the next few years. Unfortunately outdated browser technologies (along with hideous Windows font rendering) make the whole process of implementing web fonts rather tricky sometimes. It’s a good thing [...]

  2. Longasc July 5, 2011 at 12:37 pm

    By now I use Cleartype on my laptop and on TFT screens. CRT monitors didn’t look good with it, they had some kind of anti-aliasing due to their nature anyways.

    Still, my first experiments with Cleartype were rather horrible. The fonts made my head hurt. I noticed the blurriness and didn’t like it at all. But with screen resolutions getting ever higher fonts look indeed so much better with Cleartype.

    On the homepage of Joe Spolsky one can find a comparison of font rendering in Safari for Windows and how Microsoft does it.

    He also states “The advantage of Microsoft’s method is that it works better for on-screen reading” and that some fonts like Georgia or Verdana were designed for on-screen readability but look rather bland in print. I wrote many papers in Verdana for this very reason and re-formatted them to another font before printing them out. For some reason some departments always demanded Times New Roman.

    • Espen July 5, 2011 at 1:10 pm

      Joel Spolsky is bang on when it comes to Georgia and Verdana (or indeed Arial) – but Microsoft’s “advantage” is completely lost if you want to use any other font on screen.

      • Longasc July 5, 2011 at 2:08 pm

        Their latest “Windows 7 Fonts” like… Calibri, Consolas… and some others look horribly without Cleartype and were intended with Cleartype in mind. I wonder how they look on an a Mac.

  3. Designing primate.co.uk | 8 Gram Gorilla October 4, 2011 at 5:14 pm

    [...] roundness, a great contrast to the somewhat cold and imposing look of Trump. Due to Window’s inability to render fonts properly though, we’ve had to substitute it for Georgia on Windows-run machines. Still, I [...]

  4. Jeremy October 6, 2011 at 12:27 pm

    Take the following with a grain of salt, because this is based on experience a few years old: ClearType sucks. Not so much the actual technology of putting pixels on the screen (which is nice enough) but the general font metrics behind it.

    Back when C# was a few releases old, I tried building some nice elastic layouts for what was, in essence, an equation editor, which of course involved computing a lot of font metrics for the layout, figuring out where the caret should go, etc.

    Turned out it was impossible to get the actual metrics of where the characters in a string would end up. Microsoft insisted I didn’t need to know, because of a mish-mash of wanting the same form layout to render on my screen (with some characters aligned at sub-pixel boundaries, and some not) and also print out, and also render at other resolutions.

    Every string’s metrics would return slightly wider than the string rendered on screen, leading to ugly spaces after each fragment. It was maddening. I thought it was a bug until I read some whiny documentation that insisted that, no, it was really a feature, and I shouldn’t need to control my typography at that level. I think something similar is still hanging on in WPF, from what I’m reading.

    So even when they get the pixels right, they often make the typography worse, because they can’t quite let go of the grid.

    • Espen October 6, 2011 at 1:36 pm

      Interesting point of view. If ClearType sucks (which, as far as I’m concerned it may well do) – what is the solution to pixelated fonts and crude typography on Windows?

      • Aaron Hamilton November 18, 2012 at 5:58 pm

        There are replacements for the Windows font rendering libraries that are developed from superior ones, I know of and have seen GDIpp, and apparently there are others such as MacType(both of these are based on FreeType).

        These can be dropped in and replace the GDI font rendering infrastructure, they do a damn good job of it as well.

  5. [...] race takes off – which it will – we might even see the end to the increasing frustration with anti-aliasing, hinting and other screen font issues. Considering the human eye can view a hypothetical 576 [...]

Leave a Reply