treehouse : what would you like to learn today?
Web Design Web Development iOS Development

IE9 Cufon?

  • I think this has been hindering me for a while but I just noticed it.. Is there any specific reason my cufon replaced headings disappear in IE9 i tried
    <!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]--> 
    but it doesnt seem to have any effect.

    Thanks for any help.
  • A while back when IE9 came out, the version of Cufon that was current at the time had a major issue w/ IE9. They released a new version right after to fix the problem. In short, make sure you are using the most recent version of Cufon.

    http://cufon.shoqolate.com/js/cufon-yui.js?v=1.09i
  • I had to fix a bunch of sites in a hurry back when it happened. That's probably your issue if the cufon text isn't visible in IE9.

    Also, check out Typekit.

    http://typekit.com
  • Sorry for such a delayed response here. I struggled with it for a while after posting this and also stumbled upon the most recent version of cufon which fixed my problem... I used a combination of the new library and
    <!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]--> 

    <!--[if IE]>

    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />

    <![endif]-->


    I dont think the second part is 100% necessary but it helps eliminate some of the quirks between IE8 and IE9
  • The IE9 Conditional statement works great in most of the cases. Try placing it before Cufon.replace() calls.

  • Bro, Cufon is terrible, do yourself a favour and start using @font-face.