애니메이션 메뉴 및 Cufon 글꼴 크기

Question

this tutorial을 구현하려고하는데 잘 동작합니다. 그러나, 내 메뉴에 Cufon 글꼴을 사용하려고합니다. 사용하고있는 글꼴이 너무 작아서 글꼴 크기를 늘려야합니다.

그러나이 경우 원래 글꼴에 더 많은 공간이 필요했기 때문에 마우스가 두 메뉴 사이에 있으면 애니메이션이 활성화됩니다. (30px Arial은 30px에서 내 글꼴보다 훨씬 큽니다.)

"라벨 이미지"가있는 영역으로 만 마우스 오버 영역을 제한하려면 어떻게해야합니까?

Answer 1

정확하게 문제를 이해했는지 (예를 들어 좋을지는 모르겠지만) line-height: __px; 속성을 원하는 클릭 가능한 공간의 양으로 정확하게 설정해야할지 확실하지 않습니다.

텍스트를 포함하는 요소를 display: inline-block;으로 설정하고 height: __px;을 설정하고 강제 글꼴을 사용하여 글꼴을 부 풀리지 않도록하십시오 (overflow: hidden;).