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'
    }
 });

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'
    }
 });

• javascript
• cufon

Share Improve this question Follow edited Apr 28, 2010 at 10:55 Andy asked Apr 28, 2010 at 8:24 AndyAndy 3,02199 gold badges4545 silver badges6363 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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 }

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

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