1

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

当我关闭javascript，禁用cufon时，悬停时字体只有颜色变化。关闭 javascript，悬停状态适用于颜色，但没有宽度问题。

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

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

不幸的是，由于保密协议，我无法发布链接或代码。

4

1 回答 1

0

知道了。

有一段：

Cufon.defaultTextCufon = { fontFamily: '专有字体', hover: true, fontStretch: 'semi-condensed' }; Cufon.linkTextCufon = { fontFamily: '专有字体', hover: true };

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

我将其替换为：

Cufon.defaultTextCufon = { fontFamily: '专有字体', hover: true };

Cufon.linkTextCufon = { fontFamily: '专有字体', hover: true };

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

你可能已经猜到了，我没有在这个网站上实现 cufon。希望这个页面能让其他人头疼。

于 2010-05-17T13:58:57.490 回答