Cufon Hover & Change of font syntax

Question

Could someone help me rewrite this syntax below to get it right.

I want the font to be replaced by my font whilst accepting the :hover so my button will change when i hover over it.

 Cufon('button', {
    fontFamily: 'Disgrunged A',
    hover: {
        color: '#ed1c24'
    }
 });

Answer 1

i don't know cufon, but i think the syntax has to be like this:

 Cufon.replace('button:hover', {
    fontFamily: 'Disgrunged A'
 });

Answer 2

You could try to add button to hoverables list

Cufon('button', {
    fontFamily: 'Disgrunged A',
    hover: {
        color: '#ed1c24'
    },
    hoverables: { button:true }
 });

Ref: Cufon API

hoverables
Defines which elements :hover is used with. Defaults to links only as IE6 can’t handle anything else.
example : { tag: true, .. }
default : { a: true }