Cufon: подчеркивание текста

Question

Как подчеркнуть текст, замененный на Cufon?

Answer 1

text-decoration не поддерживается Cufon:
http://wiki.github.com/sorccu/cufon/known-bugs-and-issues

Возможно, вы могли бы добавить свойство border-bottom к элементу, используя обычный CSS?

Answer 2

Cufon добавляет к создаваемым элементам класс, который вы можете стилизовать (полезно, если ваш содержащий элемент имеет отступы / поля). Так что для ссылки, просто используйте это:

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

Чтобы не допустить смещения ваших элементов вверх / вниз, либо добавьте границу к состоянию без наведения, либо соответственно отрегулируйте высоту обоих элементов ...

Answer 3

Будьте в курсе, хотя.Добавление нижней границы к классу cufon довольно уродливо.

Лучше всего избегать подчеркивания этих шрифтов в вашем дизайне.Это может выглядеть красиво в Photoshop, но не показывайте это своим клиентам.Это не очень хорошо работает в HTML / CSS.