javascript - Cufon:链接在悬停时改变大小并保持不变

Question

我在使用 Cufon 替换的段落中有文本链接。出于某种原因，当我将鼠标悬停在链接上时，其中的文本会变宽，并且当我将光标移开时会保持这种状态。添加到 css 中悬停的颜色变化，如人们所期望的那样恢复。据我所知，它并没有“卡在”悬停状态。

当我关闭 javascript 并禁用 cufon 时，悬停时字体只会发生颜色变化。关闭 javascript 后，悬停状态适用于颜色，但不存在宽度问题。

这种情况发生在 IE6、7 和 8 以及 Firefox、Safari 和 Chrome 中，这让我相信这个问题是 Cufon 在这个网站上的实现方式所特有的。

有人遇到过这个吗？我很想在这里得到帮助，但如果我找到原因，我会把它作为答案发回。

很遗憾，由于保密协议(protocol)，我无法发布链接或代码。

Answer 1

明白了。

有一段:

Cufon.defaultTextCufon = { fontFamily:'Proprietary Font', hover: true,fontStretch: 'semi-condensed' };Cufon.linkTextCufon = { fontFamily:'Proprietary Font', hover: true};

我得出的结论是，问题是默认文本而不是链接被默认压缩的结果，这就是为什么 Cufon 可以理解地给出反直觉的结果，作为反直觉的配置的结果。

我将其替换为:

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

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

在此之后，所有字体都默认处于(稍微)更宽的状态。另一种选择是将“fontStretch: 'semi-condensed'”附加到链接元素的 decalration 中，但实际上我发现该网站现在更符合概念设计并且更具可读性，这是一个意想不到的好处。

你可能已经猜到了，我没有在这个网站上实现 cufon。希望此页面能让其他人省去一些麻烦。