独自の Web サーバーでキャッシュを設定できることは理解していますが、CDN の静的アセットのキャッシュをどのように活用しますか。例えば
FAILED - (No max-age or expires) - http://fonts.googleapis.com/css?family=Bree+Serif
FAILED - (No max-age or expires) - http://fonts.googleapis.com/css?family=Open+Sans
Amazon S3 でホストされているファイルもキャッシュされません
私のHTMLは次のようになります
<link href="http://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
1. フォント (またはフォント ファミリー) の CSS ファイルをコピーして貼り付けます。
2. 結果の FLAT CSS ファイルを、選択した場所と命名規則、Web アプリ内のどこかに置くか、いつでもアクセスできる集中化された既知の場所に置きます。
3.各 .ttf ファイルをダウンロードし、実際の「.ttf」ファイル拡張子を含めて、適切な規則に従って名前を変更します。MIME タイプは、ファイル自体のバイナリに含まれている必要があります。(これは良い理論です。テスト方法を知っている人がいたら教えてください。)
4.それらを、アクセスできる適切な場所に配置します。手順 2 でその CSS ファイルを配置したディレクトリ内の「ttf/」ディレクトリは、私にはかなり理にかなっているように思えます。
5. CSS を編集して、Google の「動的」URL の代わりに、これらの .ttf の新しい URL を反映します。
6. 元の CSS インクルードを編集して、フラット CSS ファイルの新しい場所を反映させます。Web フォントで高速ダウンロードをお楽しみください。