ClearType in Windows XP

[warning: moderately intensive graphic loading ahead]
I just recently discovered that I can enable ClearType in Windows XP. For a long time, I thought Coding Horror just looked terrible on Firefox, but rendered fine on Internet Explorer. I couldn’t find the reason, and I just thought it was some CSS issue or something.

Then I read somewhere about enabling ClearType. Something clicked in my brain and I realised I had IE version 7, which offered the option of enabling ClearType while browsing, and I enabled it. That was why IE7 renders fine while Firefox sucked!

So here’s how IE7 renders:
ClearType on IE7

Here’s Firefox without ClearType enabled (in XP).
Firefox with no ClearType
Terrible, isn’t it? I thought Jeff missed out something. Even tried locating the style sheet. Then I thought, why bother? I can’t do anything with the CSS file anyway. So I stuck to my Google RSS reader instead, which renders fine.

Now, let’s see the site in Firefox after enabling ClearType.
Firefox with ClearType
Much better.

So how do you enable ClearType? Right-click on an empty space in your desktop and click “Properties”.

Then select the “Appearance” tab, and click on “Effects”.

On the dropdownlist under “Use the following method to smooth edges of screen fonts”, select “ClearType”

And you’re done!