3

したがって、クロスブラウザの @font-face ソリューションには複数の HTTP リクエストが必要なようです。これは私が見つけることができた最高のコードです:

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
    url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
}

さらに言えば、Javascript を使用したほうがよいのでしょうか、それとも読み込み時間が同じくらい遅くなりますか? 読み込み速度 (つまり、私の優先事項である SEO) に対する私の最終的な解決策は、画像を使用することでしょうか?

ありがとう！

4

1 に答える 1

1

ブラウザは、そのルールに基づいて 1 回の接続と 1 回のダウンロードのみを行います。このルールは、指定されたすべてのフォントをダウンロードするようにブラウザーに指示するものではありません。これは意味がありません。むしろ、最初に見つかった特定のフォントをダウンロードするようにブラウザに指示します。

この線：

src: url('GraublauWeb.eot');

行が対象とするブラウザ (IE) は代替フォント リストをサポートしていないため、別のルールに含まれています。これは、ブラウザが理解できない CSS ルールを無視するという事実を利用しています。

于 2013-04-11T20:37:42.690 に答える