2

I'm developing a website and using @font-face for typography (because the exact font required isn't available as a webfont). I used Font Squirrel's @font-face generator to create their recommended formats, which include different formats for maximum cross-browser compatibility, and used their sample CSS:

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

}

My question is, are browsers going to try and download all the different formats, or does each browser just load one for it to use?

4

1 に答える 1

3

特定の状況下では、一部のブラウザーは同じフォント フェイスの複数の形式をダウンロードします。

Bulletproof @font-face syntaxで完全な説明を見つけることができますが、その要点は、FontSquirrel がすべてのハードワークを実行し、その構文が最適な構文を実装し、複数のリソースがダウンロードされるのを防ぐことです。

この記事は読む価値があり、詳細情報へのリンクも提供しています。

于 2012-12-28T16:20:19.830 に答える