IE8: Disable cleartype?

cleartype, css, internet-explorer-8

Solution

From what I recall, Internet Explorer 7+ disables ClearType when a filter is set on an element

#target {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}

Also, do consider that many users may find disabling ClearType to be annoying. Use sparingly!

Problem

For IE7, it's possible to add ``` filter: none; ``` to the body css to disable cleartype on fonts through CSS. I don't like the fuzzy look it gives, and it isn't really consistent across browsers. IE; Firefox and IE6 show it differently. IE8 however, seems to ignore the css option, even when forcing the browser into IE7 compatibility mode using: ``` <meta http-equiv="X-UA-Compatible" content="IE=7" /> ``` TL;DR: How do I disable clear-type fonts in IE8 through CSS?

Original source