さまざまなブラウザやOSで適切なwebfontを使用して一貫性を持たせるには？

Question

webfontを使ってFontsquirrelというウェブサイトを作った。

@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 Chromeはランダムファイルを予期せず読み込むようです。

MasOS、通常の状態で

クロム、時にはテキストが太ってレンダリングされます。

私は、フォントのレンダリングの違いが異なるフォントファイルをロードすることによって引き起こされ推測、それはないですか？

どうすればeotや別の形式だけをインポートできますか？

Answer 1

この違いの本当の理由は、オペレーティングシステムによって異なるフォントがレンダリングされるということです。同じフォントがWindows、OS X、Linuxで少し違って見えます。OSによっては、設定によっても変わります（WindowsではClearTypeを有効/無効にするとこれを見ることができます）。

基本的に、完全な類似点は異なるプラットフォーム間では不可能です。