Cufon：悬停时更改字体粗细

Question

我正在使用Cufon嵌入带有“清晰打印”字体的<a>标签。

在<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>

Answer 1

请注意，您无法将悬停效果添加到已被替换的元素上。 但是，您可以先替换hoverable元素，然后再替换父元素。 悬停效果仍然适用。

但是您可以在加载时进行设置：

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

进一步阅读 。