Cufonホバーの問題

Question

cufon（ホバー上）のグラデーションの色を変更する際に問題が発生しています。 （ホバリングしない）と同じようにうまくいきますが、（ホバリング時）、グラデーションの色は変わりません。 誰かが私を助けることができれば感謝しますか？

Cufonパーツ：

Cufon.replace('h1', { 
    color: '-linear-gradient(white, black)', 
    fontFamily: 'Scriptina', 
    textShadow: '1px 1px rgba(0, 0, 0, 0.2)' 
}); 
Cufon.replace('#nav a', { 
    hover: true 
}); 
Cufon('#content h2', { 
    color: '-linear-gradient(#b7dded, 0.2=#70ceef, 0.5=#20b4e2, #b1dbeb)', 
    hover: { 
     textShadow: '2px 2px red', 
     color: '-linear-gradient(black, white)' 
    } 
}); 

HTMLから：私はcufonホバーを知っているから

 <nav class="mid"> 
     <ul class="tabs"> 
      <li> 
       <a href="#" class="defaulttab" rel="tabs1"> 
        <div class="lineRight"> 
          <h5>TEXT 1</h5> 
          <p>Sub-Text1</p> 
        </div> 
       </a> 
      </li> 
      <li> 
       <a href="#" rel="tabs2"> 
        <div class="lineMiddle"> 
          <h5>TEXT 2</h5> 
          <p>Sub-Text2</p> 
        </div> 
       </a> 
      </li> 
      <li> 
       <a href="#" rel="tabs3"> 
        <div class="lineMiddle ook"> 
          <h5>TEXT 3</h5> 
          <p>Sub-Text3</p> 
        </div> 
       </a> 
      </li> 
      <li> 
       <a href="#" rel="tabs4"> 
        <div class="lineLeft"> 
          <h5>TEXT 4</h5> 
          <p>Sub-Text4</p> 
        </div> 
       </a> 
      </li> 
     </ul> 
</nav> 

Answer 1

はリンクのみで動作します。 あなたが働くだろう、この

<a href="#"> 
<h5>h5 text</h5> 
<p>some text</p> 
</a> 

ようになり、この

Cufon.replace('h1', { fontFamily: 'yourfont' }); 
Cufon('#yourid a', { 
hover: { 
color: 'green' 
} 
}); 

あなたのhtmlのようなものを使用することができます。私はスペックから集めることができるものから）

Answer 2

を（https：//でgithubの.com/sorccu/cufon/wiki/Styling）では、ホバーを明示的に有効にする必要があります。

Cufon.replace('h1', { 
    hover: true 
}); 

それでは、なぜ@font-faceを使用しないのですか？