18

私はいくつかの Google Web Fonts を使用しています。Google はさまざまなブラウザ間のすべての問題に対処し、リクエスト ヘッダーのブラウザに応じてさまざまなメディアを提供していると聞いています。

私の質問は、どの時点でこれを行うのですか?

その理由は、API の場合、@font-faceリクエストを含む CSS ファイルを単純に含めることができるからです。その CSS を独自の CSS ファイルに単純に含めて、HTTP リクエストを保存することはできますか? または、CSS は、それを要求するブラウザーに応じて変更されますか?

それが理にかなっていることを本当に願っています。

たとえば、Google は CSS ファイルに次の内容を含めることを推奨しています。

@import url(http://fonts.googleapis.com/css?family=Exo);

その内容は次のとおりです。

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url('http://themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff') format('woff');
}
4

3 に答える 3

26

Google Webfonts が提供する CSS は、HTTP リクエスト ヘッダーのユーザー エージェントによって変わるため、@import を使用した方がよいでしょう。その理由は、ブラウザーごとに Web フォントの実装が異なるためです。

于 2012-02-19T16:39:39.660 に答える
8

あなたの正確な質問に対する答えではありませんが、現時点で可能であったとしても、Google が「ライブ」で提供する CSS をローカルにキャッシュすることは決してありません。

  • 今は動いていても、何かを変えると後で壊れるかもしれません

  • フォント自体は引き続き Google から取得する必要があるため、信頼性を追加しません。

  • パフォーマンスが大幅に向上するわけではありません。すべてが正しく構成されていれば、HTTP 要求は 1 回だけ発生し、その後はキャッシュされます。また、ユーザーは、Google フォントを使用する別のサイトからキャッシュされたフォント CSS を持っている可能性があります。

于 2012-02-19T16:25:59.520 に答える
1

ローカルCSSを保存する場合は、フォントもローカルに保存する必要があります。そうしないと、追加のHTTPリクエストが再び発生するためです。

また、Googleはローカルで使用するフォントのダウンロードを許可していますが、Webも確認できます。 https://developers.google.com/webfonts/faq

于 2012-02-19T20:10:39.800 に答える