cleartype and drop shadow don't mix

While surfing around the internet, sometimes you may come to a website with appearantly nasty looking, unreadable fonts.. well, let me guess, you are probably using IE and that the designer has probably used dropshadow filter in their css for their fonts.

why is that? this is because you have cleartype turned on for your computer.

for example: you might see something like

well many other people who DON’T have the cleartype function turned on will see something like:

what exactly is cleartype?
to put it in my simple terms: it’s a function on your computer that allows you to see fonts in anti-aliased forms. read more about cleartype here

How do you Turn ClearType on/off?

1. Right-click your desktop and select Properties.
2. Select the Appearance tab, and press the Effects button.
3. Check the box next to the words labeled “Use the following method to smooth edges of screen fonts,” and select the option you want from the drop-down box.
4. Close the Effects dialog by clicking OK, and click Apply to complete the process.

8 thoughts on “cleartype and drop shadow don't mix

      1. as far as i know, windows xp does not turn cleartype on by default (however there is a standard antialiasing method, too – maybe you are referring to that). and i truly appreciate the posting of moritz, if there would be a remedy for those eye-cancerous pages…

  1. i´d wish this would help for all the websites with appearantly nasty looking, unreadable fonts. but most time people just put yellow letters on green background or use a background image that makes text nearly impossible to read without getting cancer of the eyes.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s