3

@font-face は、すべてのブラウザーが使用する単一のファイル形式を決定できないため、ややこしいものです。以下は、サイトに 1 つの新しいフォントを追加するために現在使用しているものです。4 つの個別のフォント ファイルがあることがわかります。それぞれのファイルは、一部のブラウザーが異なる形式をサポートしているためであることがわかっていますが、ブラウザーはすべてのファイルをダウンロードしますか、それとも 1 つだけをダウンロードしますか?それが必要ですか？

@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;

}
4

1 に答える 1

2

他のcssプロパティと同様に、ブラウザがサポートするすべてのフォントをダウンロードし、最新のフォントのみを適用することを期待します。

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

参考までに、サポートマトリックス; 個々のフォーマットは下部にリンクされています。

于 2012-04-04T22:07:04.297 に答える