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.