2010-07-31 55 views
0

我正在使用Cufon將「清晰打印」字樣嵌入<a>標籤。Cufon:更改懸停時的字體重量

關於<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

請注意,你不能懸停 效果添加到一個已經 被替換的元素。但是,您可以用 替換第一個可移動元素 ,然後替換 之後的父元素。懸停效果仍將適用 。

,但你可以設置它的負載:

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

Further reading

+0

我需要爲粗體指定第二個字體嗎?我已經按照上述方式嘗試過了,並且顯示爲默認的瀏覽器字體,但懸停時的粗體顯示正在工作。當我不嘗試懸停時,字體替換工作正常。我已經在上面添加了我的代碼 – theringostarrs 2010-08-01 01:27:37