@fontface 높은 크롬 렌더링

Question

Google 크롬의 @fontface에 문제가 있습니다. 글꼴이 너무 높게 렌더링됩니다.

글꼴을 Arial로 변경하면 단추가 모든 브라우저에서 올바르게 작동합니다. @fontface 글꼴로 변경하면 텍스트가 위로 이동합니다.

다음은 Firefox와 Chrome의 차이점을 보여주는 두 개의 이미지입니다.

내가 무엇을 할 수 ?

시도 : -webkit-font-smoothing : antialiased; 둘 다 도움이되지 않았다

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    @font-face { 
     font-family: 'Museo-Sans-Rounded-100-Regular'; 
     src: url('../fonts/Museo-Sans-Rounded-100-Regular.svg') format('svg'); 
    } 
} 

:

또한 내가 올바른 글꼴 선언 후 모든 글꼴에 대해 다음 추가.

어떻게해야합니까? 모든 도움은 대단히 환영합니다!

Answer 1

오른쪽 포스트를 가리키는 Vira에게 감사드립니다. 이 솔루션은 여기에서 찾을 수 있습니다 :

@font-face svg not working properly in Chrome?