2

いくつかのカスタム フォントを使用しているときに、自分のサーバーからフォームを読み込むか、Google Web フォントを読み込むかの 2 つのオプションがあります。しかし、私の懸念は、ページの読み込み時間の点で効率的なのはどれですか?

私がCSSを使用している方法は

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
    }

ここでは、フォントをロードする際に、フォント バージョンを使用してキャッシュを使用し、CDN からフォントをロードしています。

読み込もうとしているフォントのサイズは 36k 近くあります。

h1 {
       font-family: 'MyWebFont', Fallback, sans-serif;
}

グーグルフォントの実装

<link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'>

h1{
  font-family: 'Caesar Dressing', cursive;
}

Google Webフォントまたはカスタムフォーム独自のサーバーのどちらを使用する必要があるかを理解するのを手伝ってくれませんか。ページの読み込み時間に関しては、どれが最適ですか?

4

2 に答える 2

4

Google cdn からフォントをダウンロードすることは、あなたにとってでなくても（サーバーと LAN に接続している場合）、他のすべての人にとって、Google cdn サーバーがおそらくはるかに近いという単純な理由で、常に高速になります。あなたのサーバーではなく、彼らに。

また、さらに先に進みたい場合は、Google が CDN で他にもいくつかの便利なものをホストしているため、上記と同じ利点を持つ jquery を取得することもできます。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
于 2013-03-26T08:14:20.893 に答える
2

どちらを使用するかは、サーバーの速度、サーバーが世界のどこにあるか、および Web サイトへの個々の訪問者が世界のどこにいるかによって異なります。

Google のサーバーは非常に高速で、通常はさらに高速になります。ただし、一部の地域ではサーバーが適切ではないため、独自のサーバーを使用する必要があります.

于 2013-05-16T03:20:10.720 に答える