Cufon:在悬停时改变字体粗细

时间:2010-07-31 03:54:08

标签: javascript fonts cufon

我正在使用Cufon将<a>标签嵌入'Print Clearly'字体。

<a>标签的悬停状态下,我希望文本更改为粗体,如何使用Cufon执行此操作?

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/print-clearly_400.font.js" type="text/javascript"></script> 
<script type="text/javascript">
   Cufon.replace('a', fontWeight: 'normal',
    hover: {
        fontWeight: 'bold'
    });
</script>

1 个答案:

答案 0 :(得分:1)

  

请注意,您无法添加悬停   对已经存在的元素产生影响   被取代了。但是,你可以   首先替换hoverable元素   然后是父元素   那。悬停效果仍然存在   应用

但你可以在加载时设置它:

Cufon('h1', {
    fontWeight: 'normal',
    hover: {
        fontWeight: 'bold'
    }
});

Further reading