Cufon Hover问题

Question

我有困难，使渐变颜色的立方(在悬停)。它对(非悬停)很好，但是它不改变渐变颜色。如果有人能帮我我会很感激的？

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:

     <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

据我所知，cufon悬停只适用于链接。你可以用这样的方法

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

您的html将如下所示

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

(这是可行的;)

Answer 2

根据我可以从规范(https://github.com/sorccu/cufon/wiki/Styling)中收集到的信息，您需要显式地启用悬停：

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

既然这样，为什么不直接使用@font-face呢？