Alternatively, the title could also say “Be aware that DXTransform filters will disable ClearType for your site”.
I like ClearType, eventhough it gets a little blurry sometimes, but i’ld rather have some minor blur instead of pixelated type all over the site. But if you want to disable* Cleartype for your site – maybe all of your text is at 10px or less – i will show you how it’s done:
If Internet Explorer 7 stumbles over any kind of DXTransform filter, it will disable its default ClearType temporarily, so it won’t interfere with the applied filter. So all you have to do is to add some bogus filter in your CSS:
-
filter:progid:DXImageTransform.Microsoft.Gradient
-
(GradientType=0,
-
StartColorStr='#00FFFFFF',
-
EndColorStr='#00FFFFFF');
If you are a really weird ClearType hater, then just add that filter to the body tag in your CSS and your whole site will be ClearType free. If you only apply it e.g. to a certain <div>, the rest of the site will be unaffected by this “workaround”.
*Note: This won’t work for Firefox on Windows, if ClearType is enabled as a system wide setting though. It only works for IE7’s default ClearType anti-aliasing.
Kewl
Good find - Now we just need the opposite… how to turn cleartype on for those crazy fools who have no idea that it exists and are still using IE6.