How to get Cufón working in Internet Explorer 9

by Declan O'Neill on September 16, 2010 in Miscellaneous with 4 Comments Tweet

If your Cufón text is not displaying in ie9 beta, you have a three options.

Option 1

Update your cufon-yui.js or cufon.js JavaScript File (Link to JavaScript File “released 9/16/10″) replace the old file with the new, and upload to your server – make sure you back up first.

Option 2

Force IE9 to behave like IE8, by adding the following line to the header of your website, just before </head>.

<meta content="IE=8" http-equiv="X-UA-Compatible" />

Full details and new releases can be found at http://github.com/sorccu/cufon/wiki/faq#faq-8

Option 3

Hat tip: Tigi Varghesi Place the code in your HTML before all the Cufon.replace() calls

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

Declan O'Neill

Cake Mix is managed by Declan O'Neill. A majority of the posts on this blog are about problems I ran into when working with WordPress, MailChimp, or Shopify and how I solved them. It's my hope that these posts help others in similar sticky situations.

Tagged: Cufon, IE9

4 Comments on "How to get Cufón working in Internet Explorer 9"

1. web tasarımı says:

   October 3, 2011 at 8:31 am

   Hi Declan thank you for support. I’m used cufon this site buttons . But ie9 problem. To last I found this site.. thank you.. Good luck..

   Reply
2. E says:

   June 11, 2012 at 1:04 pm

   Thank you! This works like a charm.

   Reply
3. Tiji Varghese says:

   December 29, 2012 at 10:04 am

   You may also try giving the IE conditional statement mentioned below. It worked for me.

   Cufon.set(‘engine’, ‘canvas’);

   Reply
4. Tiji Varghese says:

   December 29, 2012 at 10:11 am

   You may also try giving the IE conditional statement to set the Cufon engine to canvas on IE9.

   Cufon.set(‘engine’, ‘canvas’);

   Wrapped within the IE conditional statement [if gte IE 9]

   Reply