Alexandru Dinulescu's Thoughts» cleartype http://alexdweb.com/blog This blog is about everything/anything related to XHTML/CSS and of course my favourite js library, jQuery. Thu, 09 Dec 2010 12:04:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 jQuery IE and ClearType Problem http://alexdweb.com/blog/2009/11/25/jquery-ie-and-cleartype-problem/ http://alexdweb.com/blog/2009/11/25/jquery-ie-and-cleartype-problem/#comments Wed, 25 Nov 2009 12:45:22 +0000 Dinulescu Alexandru Adrian http://alexdweb.com/blog/?p=107 Hello

Did it happen that when you use an animation such as fadeIn()/fadeOut() on a LCD screen, that has windows cleratype on (this happens automatically in windows vista+ but can be set on and off in windows XP), on IE (all versions), the text is not antialised anymore. This is due to the filter attribute IE browsers use to make the cleartype/stuff.

The solution is relatively simple, like putting a function callback on the fade in()/fadeOut() such as:

JQuery Code

$(document).ready(function(){
 $(".element").fadeIn(function(){
  $(this).removeAttr("filtered");
 });
});

It’s not a perfect solution, and it may be a bit laggy and you can still SEE THE TEXT BEING CLEARTYPED, but at least it wont stay without cleartype and look like shit. Also this is the only way to do it until jQuery incorporates it’s own fix to counter IE‘s behavior.

]]> http://alexdweb.com/blog/2009/11/25/jquery-ie-and-cleartype-problem/feed/ 0