Cufon: 下划线文本

Question

我该如何在使用 Cufon 替换后的文本下划线？

- Haris

Answer 1

text-decoration不受Cufon支持：
https://github.com/sorccu/cufon/wiki/known-bugs-and-issues

或许您可以使用普通CSS向该元素添加border-bottom属性？

- Chris McFarland

Answer 2

Cufon会为其创建的元素添加一个类，您可以对其进行样式设置（如果包含元素具有填充/边距，则非常有用）。因此，对于链接，只需使用以下代码：

a .cufon {border-bottom: solid 1px #000000}
a:hover .cufon {border-bottom: none}

为了避免你的元素上下移动，请在非悬停状态下添加边框，或相应地调整两个元素的高度...

- Alex

Answer 3

请注意。为cufon类添加底部边框相当丑陋。

最好避免在设计中对这些字体添加下划线。在Photoshop中可能看起来不错，但不要向客户展示此效果。在HTML/CSS中效果并不理想。

- Rick