Windows에서 @ font-face가 이상하게 렌더링되는 이유는 무엇입니까?

Question

fontsquirrel을 사용하여 "formata"글꼴의 글꼴 -면 파일을 생성했습니다. 내 Mac에서는 폰트가 Chrome과 Safari 모두에서 잘 보입니다 (Webkit을 사용하기 때문에 논리적 인 것처럼 보입니다). Android (Chrome) 및 iPad (Safari)에서도 잘 렌더링됩니다.

그러나 Windows에서는 글꼴이 실제로 이상하게 렌더링됩니다. 일부 글자는 1px의 아래쪽 패딩이있는 것처럼 보입니다. 어떤 편지는 마치 높이가 작은 픽셀에서 작은 것처럼 보입니다.

ClearType을 사용하려고 시도했지만 여전히 동일합니다. 브라우저가 중요하지 않은 것 같습니다.

Answer 1

는 글꼴 크기를 조정 해보십시오 : 아래

내가 좋아 보이는 방법의 스크린 샷이다. Windows의 일부 사용자 정의 글꼴은 특정 글꼴 크기에서 제대로 작동하지 않습니다. 몇 가지 크기로 실험 해보십시오. 나를 위해 작동

예 :

@font-face { 
    font-family: 'PaddingtonSCPlainSmallCapsRom'; 
    src: url('/assets/fonts/paddingtonsc-webfont.eot'); /* IE9 Compat Modes */ 
    src: url('/assets/fonts/paddingtonsc-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('/assets/fonts/paddingtonsc-webfont.woff') format('woff'), /* Modern Browsers */ 
     url('/assets/fonts/paddingtonsc-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('/assets/fonts/paddingtonsc-webfont.svg#webfontCykG2Qou') format('svg'); /* Legacy iOS */ 
    font-weight: normal; 
    font-style: normal; 
    /* font-variant: normal; don't include this since webkit will ignore the whole rule: https://bugs.webkit.org/show_bug.cgi?id=25000 */ 
} 

body { 
    font: normal 75%/1.5em PaddingtonSCPlainSmallCapsRom, Arial, sans-serif; 
}