Анимированное меню и размер шрифта Cufon

Question

Я пытаюсь реализовать этот учебник , и он работает хорошо. Тем не менее, я пытаюсь использовать шрифт Cufon в моем меню. Шрифт, который я использую, слишком маленький, поэтому мне нужно увеличить размер шрифта.

Но в этом случае анимация активируется, когда мышь находится между двумя меню, потому что исходному шрифту требовалось больше места. (30px Arial намного больше, чем мой шрифт в 30px.)

Как я могу ограничить область наведения только той областью, где находится "изображение метки"?

Answer 1

Не уверен, правильно ли я понимаю вашу проблему (пример был бы неплох), но попробуйте установить для свойства line-height: __px; именно то количество кликабельного пространства, которое вы хотите.

Или сделайте элемент, содержащий текст, display: inline-block;, чтобы вы могли установить height: __px; и убедиться, что шрифт не взрывается, вызвав overflow: hidden;.