フォントファイルをバストキャッシュに自動的にバージョン

Question

私たちはすべてのアイコンを保持するフォントファイルを持っています。現在のところ、フォントファイルにアイコンを追加すると、キャッシュの有効期限が切れるか、キャッシュをクリアしてリフレッシュ（ctrl + F5）してユーザーにはわからないようなものが表示されます。

キャッシングをオフにしても、最新のものを取得するには単純なリフレッシュ（F5）が必要です。ユーザーが何かする可能性がありますが、少なくともいくつかの質問があります。

フォントファイルを無期限にキャッシュし、変更があった場合にのみ再度ダウンロードするのが理想的です。 Asp.Netのバンドルでjavascriptとcssファイルがどのように動作するかと同様です。

これを自動的に行う方法はありますか？私は、CSSの@ font-faceのフォントファイルの場所の末尾に?v=1があると、フォントファイルを再度ダウンロードするが、手作業であり、避けたいと考えている。

CSSのフォントファイルのバージョンクエリ文字列を自動的に更新する方法はありますか？

Answer 1

本当に私が探していた答えではありませんでしたが、それは私がやったところです。より良い解決策があれば、私は答えとして何か他の印をつけることが大好きだと教えてください:)

上記の "キャッシュをオフにする"の動作は実際にはキャッシュヘッダーを送信していませんでした。代わりにCache-Control: no-cacheヘッダーを送信すると、ブラウザはすべてのページの読み込み時にフォントファイルを要求します。この要求にはeTagが含まれているため、フォントファイルが変更されていない場合、サーバーは304を送信し、ブラウザはそのキャッシュからフォントを取得します。

最良の部分は、ページがサーバーに要求が99.99％を無駄にするつもりであることを新しいフォントファイルまたは304

を返すのいずれかまで、それはちょうどそれが最善だん、フォントファイルを待たないということですこのアプリはシングルページアプリケーションなので、最初にアプリを読み込むときにのみそのフォントリクエストを行います。