Cufon: changing font-weight on hover

Question

I am using Cufon to embed tags with the 'Print Clearly' typeface.

On the hover state of the tag I would like the text to change to bold, how can I do this with Cufon?

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/print-clearly_400.font.js" type="text/javascript"></script> 
<script type="text/javascript">
   Cufon.replace('a', fontWeight: 'normal',
    hover: {
        fontWeight: 'bold'
    });
</script>

Answer 1

Note that you cannot add a hover effect to an element that has already been replaced. You can, however, replace the hoverable element first and then the parent element after that. The hover effect will still apply.

But you can setup it on load:

Cufon('h1', {
    fontWeight: 'normal',
    hover: {
        fontWeight: 'bold'
    }
});

Further reading.