Disable ClearType IE4+

umut78 0 Tallied Votes 176 Views Share

Thanks to the MS filter property that disables Cleartype while applying effects.
Instructions:

  1. Paste the snippet to HEAD section of your document.
  2. Paste this HTML to HEAD section of your document:
    <style type="text/css">
    .faded
    {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90);
    }
    .okay
    {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100);
    }
    </style>
  3. Add these class, id and onload to your document's BODY:
    <body class="faded" id="no-cleartype" onload="disablecleartype();">
<script type="text/javascript">
/* Paste it to HEAD */
function disablecleartype()
{
document.getElementById('no-cleartype').className = 'okay';
}
</script>