파이어 폭스에서 터무니없는 .ttf 글꼴

Question

최근에 내 프로젝트에서 @font-face 속성을 사용하기 시작했으며, 대부분 훌륭하게 작동합니다. 그러나, 나는 Fontsquirrel.com에서 다운로드 한 몇 가지 .ttf 글꼴 파일이 Firefox에서 고르지 만 보이지만 Chrome에서는 멋지게 보입니다. 나는 .ttf 파일이 파이어 폭스와 크롬 모두에서 작동하도록되어 있고, 그럴 것 같지만 잘게 찢어지는 것은 꽤 짜증 스럽다. 누구나이 동작에 대한 솔루션을 제공 할 수 있고 일반적으로 브라우저 간 글꼴을 구현할 수있는 안정적인 방법을 제안 할 수 있습니까?

Answer 1

the fontsquirrel webfont generator을 사용하여 문제를 해결했습니다. 크로스 브라우저 글꼴 문제에 직면 한 모든 사람들에게 내가 권장하는 놀라운 도구입니다. 또한 대부분의 경우 다음과 같은 형식이 적용됩니다.

@font-face { 
    font-family: Roboto; 
    font-style: normal; 
    font-weight: normal; 
    src: url('../content/Fonts/roboto-regular-webfont.eot'); 
    src: url('../content/Fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../content/Fonts/roboto-regular-webfont.woff') format('woff'), 
     url('../content/Fonts/roboto-regular-webfont.ttf') format('truetype'), 
     url('../content/Fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg'); 
}