2010-05-17 55 views
1

我有一段文本鏈接替換使用Cufon。 由於某些原因,當我將鼠標懸停在鏈接上時,其中的文本變得更寬,並且在將光標移開時保持原樣。一個顏色的變化,添加到懸停在CSS,恢復如人們所期望的。就我所知,它並沒有「懸停」在懸停狀態。Cufon:鏈接更改大小懸停並保持這種方式

當我關閉javascript,禁用cufon時,懸停時字體只有顏色變化。關閉javascript後,懸停狀態適用於顏色,但它沒有寬度問題。

這發生在IE6,7 & 8以及Firefox,Safari和Chrome,這使我相信這個問題是Cufon在這個網站上的實現方式所特有的。

有人遇到過這個嗎? 我很想在這裏獲得幫助,但如果我找到原因,我會將其作爲答案發回。

不幸的是,我不能發佈鏈接或代碼,因爲NDA。

+0

我懷疑活動和懸停鏈接上應該有填充差異。 – Sarfraz 2010-05-17 13:38:25

回答

0

明白了。

有一個部分:

Cufon.defaultTextCufon = {fontFamily中: '專有字體',懸停:真, fontStretch: '半冷凝'}; Cufon.linkTextCufon = {fontFamily: 'Proprietary Font',hover:true };

我的結論是,問題是在默認情況下,但不是鏈接,這是爲什麼的Cufón理解了反直覺的結果,作爲一個反直覺配置的結果而冷凝默認文本的結果。

我代之以它:

Cufon.defaultTextCufon = {fontFamily中: '專有字體',懸停:真};

Cufon.linkTextCufon = {fontFamily: 'Proprietary Font',hover:true };

之後,所有的字體默認情況下處於(稍微)更寬的狀態。 另一種選擇是將「fontStretch:'semi-condensed'」附加到鏈接元素的decalration上,但我實際上發現該網站現在更好地匹配概念設計,並且更具可讀性,這是一個意外的獎勵。

你可能猜到了,我沒有在這個網站上實現cufon。希望這個頁面能夠讓別人頭疼。