2012-04-04 4 views
2

@ font-faceは、すべてのブラウザーが1つのファイル形式を使用することを決定できないため混乱します。私は現在、サイトに1つの新しいフォントを追加するために私が現在使用しているものは、4つの別々のフォントファイルがあることがわかります。いくつかのブラウザは異なるフォーマットをサポートしていますが、ブラウザは、それが必要ですか?@ font-faceを使用しているときにブラウザーがダウンロードするフォント

@font-face { 
    font-family: 'Oswald'; 
    src: url('oswald-webfont.eot'); 
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'), 
     url('oswald-webfont.woff') format('woff'), 
     url('oswald-webfont.ttf') format('truetype'), 
     url('oswald-webfont.svg#OswaldRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
+0

あなたはいつでもあなたのサーバーのアクセスログを見て、ブラウザーがダウンロードしたものを正確に見ることができます。あるいは、Firefox上であればHTTPFoxやFirebugのネットタブのようなWebsnifferを使用します。 –

+0

Google Chromeには、あなたが何を見ているかどうかを確認するための情報もあります。 –

+1

私はそれがブラウザの最初の互換フォーマットをダウンロードすると信じています。その後のすべては無視されます。 – Scott

答えて

1

私はそれがのみ最新だけで、他のCSSプロパティと同じように、適用するよりもをサポートすべてのフォントをダウンロードするには、ブラウザのために期待されます。

私の期待は間違っているようです。上記で提供したマークアップと同じマークアップフォントを埋め込んだサイトでは、FFは.ttf/.otfもサポートしていますが、.woffファイルのみをダウンロードしました。

FYI、the support matrix;個々のフォーマットは下部にリンクされています。

関連する問題