글꼴이 아래쪽에서 잘립니다.

Question

내 CSS 파일에서 font-face로 글꼴을 가져 와서 내 탐색 메뉴에 사용했습니다.

문제는 글자가 아래쪽에서 자르고 글꼴이 다소 파손된다는 것입니다.

자신에 대한 참조 : dev.windbournecitizen.com/frontpage

그것은 당신이 확대되면 글꼴 (CTRL + 스크롤) 정상 보이는

(물론 변경된 텍스트)과 같아야하지만 당신을 에 속하지 않습니다.

이 문제를 해결할 방법이 있습니까?

문제는 윈도우 7 나는 그것을 해결하기 위해 관리

Answer 1

에서 실행 크롬 35, 파이어 폭스 (30)에 발생합니다.

텍스트에 획을 추가하면 글자를 조금 더 크게하고 각 글자의 하단을 (거의) 올바르게 표시 할 수 있습니다. 더 이상 틈이 없습니다.

는 그것을 해결하기 위해 코드를 사용했을

-webkit-text-stroke-width: 0.5px; 
-webkit-text-stroke-color: #fe9f00; 

는 또한 text-shadow 사용 (다소) 고정 될 수있다. 지원하지 않는 브라우저의 대안으로 사용할 수 있습니다. -webkit-text-stroke