Search code examples
javascriptcufon

Cufon Hover & Change of font syntax


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

Solution

  • 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 }