How to make Cufon works in IE9

Fri, Sep 16, 2011

IE, and probably Microsoft, has a lot of surprises for you. As you know, each IE version has its own behavior. And don’t surprise if IE9 does not render Cufón at all

Meaning that every beautiful things you see in Firefox, Chrome, … will not even show up in IE9. Nothing. You will only see a blank space.

Then, how to fix it?

First, you need to download the latest version of Cufón. It’s 1.09i, which has support for IE9. Download here

Second, add the following lines to your code:

<!--[if gte IE 9]>
 <script type="text/javascript">
 Cufon.set('engine', 'canvas');
 </script>
< ![endif]-->

And it works. Combination of the two method will give you a great look of your website in IE9.

Have fun.