다양한 브라우저 및 OS에서 적절한 webfont를 사용하여 일관성을 유지하는 방법은 무엇입니까?

Question

Fontsquirrel에서 webfont를 사용하여 웹 사이트를 만들었습니다.

@font-face 
{ 
    font-family: 'Univers57Condensed'; 
    src: url('/resources/fonts/univers-condensed-webfont.eot');  
    src: url('/resources/fonts/univers-condensed-webfont.eot?#iefix') 
    format('embedded-opentype'), 
    url('/resources/fonts/univers-condensed-webfont.woff') format('woff'), 
    url('http://hcil.snu.ac.kr/~muclipse/resources/fonts/univers-condensed-webfont.ttf') 
    format('truetype'), 
    url('/resources/fonts/univers-condensed-webfont.svg#Univers57Condensed') 
    format('svg'); 
    font-weight: normal;  
    font-style: normal; 
} 

위와 같이 eot, woff, svg, ttf 파일을 가져 왔습니다.

사실, 제대로 작동하지만 몇 가지 문제가 있습니다.

IE는 항상 파일을로드하는 것처럼 보이지만 Google 크롬은 예측할 수없는 임의의 파일을로드하는 것 같습니다.

MasOS, 일반 상태에서

크롬,하지만 때로는 텍스트가 오르게 렌더링됩니다.

내가 글꼴을 렌더링의 차이를 생각 는 그것은 다른 글꼴 파일을로드하여되지 발생?

이 문제는 어떻게 해결할 수 있습니까? eot 및 다른 형식 만 가져 오시겠습니까?

Answer 1

이 차이의 진정한 이유는 다른 운영 체제가 글꼴을 다르게 렌더링한다는 것입니다. 동일한 글꼴은 Windows, OS X 및 Linux에서 약간 다르게 보일 것입니다. 심지어 OS 내에서조차도 설정에 따라 바뀔 것입니다 (Windows에서는 ClearType을 활성화/비활성화하면이 글꼴을 볼 수 있습니다).

기본적으로 픽셀 완벽 유사성은 다양한 플랫폼에서 불가능합니다.