Before we get going here, I feel the need to explain what ClearType really is. Think of those jagged edges you often see in text on a computer screen, especially any flat-panel. Well, there’s a bit of code in your operating system that attempts to clean up those edges by using anti-aliasing at the sub-pixel level to visually smooth out those rough edges, making the text easier to read. Essentially, it aims to make on-screen text appear more like printed text.
// Code like this causes the ClearType issue
To fix the problem and re-enable ClearType within our script, all we have to do is remove the filter attribute from whatever element is causing the trouble. Usually, it can be done by just adding a function to the script element.
// This fixes the ClearType issue in jQuery
// This fixes the ClearType issue in animations outside of jQuery
Have a look at this example of some text before and after this fix.
See the difference? And there you have it… the world’s quickest, easiest fix for those nasty pixelated letters you see so much of all over the web. Now, go fix ’em up!