1

Fontsquirrel で、 webfontを使用して Web サイトを作成しました。

@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 は常に eot ファイルをロードするようですが、Google Chrome は予期せずランダムなファイルをロードするようです。

Chrome、MacOS

Chrome、MasOSでは普通の状態ですが、たまに文字が太くなることがあります。

ここに画像の説明を入力

レンダリングフォントの違いは、別のフォントファイルを読み込んでいることが原因だと思いますか?

eot と別の形式のみをインポートして、この問題を解決するにはどうすればよいですか?

4

1 に答える 1

0

この違いの本当の理由は、オペレーティング システムが異なればフォントのレンダリング方法も異なるからだと私は推測しています。同じフォントでも、Windows、OS X、および Linux ではわずかに異なって見えます。また、OS 内であっても、設定によって変化します (Windows では、ClearType を有効または無効にすると、これを確認できます)。

基本的に、異なるプラットフォーム間でピクセル単位の完全な類似性を実現することは不可能です。

于 2012-05-02T19:11:24.823 に答える