2

私は、ユーザーがテキストに適用するフォントを選択できるサイトを構築しています。Googleのウェブフォントを使用しています。現在、彼らがドロップダウンを介してフォントを選択するとき、私は使用しています：

 $("head").append("<link href='https://fonts.googleapis.com/css?family=" + FontName + "' rel='stylesheet' type='text/css'>");

これはうまく機能します。私の質問は次のとおりです。

  • ユーザーが（同じセッションで）同じフォントを複数回選択した場合、そのフォントは2回読み込まれますか？
  • もしそうなら、それをリロードしないように、フォントXがすでにロードされているかどうかを判断する方法はありますか？

かなりの数があり、選択したときにすべてをプリロードしたいとは思いません。

4

2 に答える 2

3

ユーザーのブラウザは、何もしなくてもフォントをキャッシュする必要があります。

フォントはグーグルのサーバーにあるので、キャッシングネゴシエーションはグーグルとあなたのユーザーの間で起こります。言い換えれば、あなたはそれを制御することさえできません。

したがって、同じものを2回追加しても、ユーザーのブラウザが再度ロードすることはありません。もちろん、ユーザーがブラウザでのキャッシュを無効にしていない限り。

于 2013-02-27T16:06:59.880 に答える
1

フォントはブラウザによってキャッシュされる必要があります。https：//developers.google.com/webfonts/faq#Many_Fonts_Per_Pageを参照してください。

于 2013-02-27T16:05:16.347 に答える