Cufon IE Invalid Argument

admin

Administrator
Staff member
Okay, I'm a little stumped with this one. I am usng Cufon to replace my text with a non-web standard font. This is a script I've used an aweful lot & never had a problem with it in the past. Along comes IE and it decides to ruin my day.

I am using the most up to date version of cufon (as at the date of this post) and am reference a number of differnt elements in my <em>header.php</em> file (for a Wordpress site):

Code:
    &lt;script type="text/javascript" language="javascript" &gt;Cufon.replace('.learnmore', { color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }   });     &lt;/script&gt;
    &lt;script type="text/javascript" language="javascript" &gt;Cufon.replace('.logo span, h1, h2, h4 , h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});   &lt;/script&gt;
    &lt;script type="text/javascript" language="javascript" &gt;Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });     &lt;/script&gt;
    &lt;script type="text/javascript" language="javascript" &gt;Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});   &lt;/script&gt;
    &lt;script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'&gt;&lt;/script&gt;
    &lt;script type="text/javascript" language="javascript" &gt;Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});  &lt;/script&gt;
    &lt;script type="text/javascript" language="javascript" &gt;Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' }); &lt;/script&gt;

Not sure if this is the best way to reference multiple different fonts but it's working fine in all browsers bar IE (specifially <strong>v.8.0.7</strong> which I'm currently running). IE gives the following error report:

<blockquote>
Webpage error details:

Message: Invalid argument.
Line: 7
Char: 8520
Code: 0
URI: <a href="http://localhost/wordpress/wp-content/themes/pondera/js/cufon/cufon-yui.js?ver=1.0.0" rel="nofollow">http://localhost/wordpress/wp-content/themes/pondera/js/cufon/cufon-yui.js?ver=1.0.0</a>
</blockquote>

I investigated the Cufon js file and this appears to be just before a
Code:
D.replaceChild
reference. Now I am far from a JS expert so I have no idea what is causing this problem...

Just for reference, by way of a test, I attempted to remove all bar the first
Code:
Cufon.replace(...
reference (i.e. the above code) to see if it was my poor coding but this didn't fix it.

<strong>Any suggestions would be greatly appreciated!</strong> Thanks in advance for readaing this, I'd be happy to provide more info should it be required.