How to get Cufón working in Internet Explorer 9

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]-->

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.

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

  1. 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..

  2. E says:

    Thank you! This works like a charm.

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

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

  4. 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]

Got something to say? Go for it!