フォントをカスタマイズしたWebサイトがあり、すべての.otfファイルが約1MBであるとします。ウェブサイトにアクセスするたびに、ブラウザはカスタマイズされたフォントを再ダウンロードする必要がありますか？
ユーザーがウェブサイトにアクセスすると、フォントがダウンロードされます。問題は、いつもインストールされているように、これらのフォントはユーザーのブラウザに残るのでしょうか？私。ユーザーがブラウザをオフにしても、フォントはそこに残りますか？または.otfファイルはすべての.css .htmlファイルと似ていますか？どちらをキャッシュすることができますが、再度ダウンロードする必要がありますか？
後者の場合、どうすればこの問題に対処できますか？私はユーザーに1MBのフォントをダウンロードさせることがUXには適していないことを意味します。他のウェブサイトがこの問題をどのように処理していますか？何らかのローカルストレージが使用されていますか？
これはブラウザに依存しないかもしれませんが、フォントは毎回ダウンロードされ、ブラウザにはキャッシュされません。これは、FOUT（Flash of Unstyled Text）によって明らかです。あなたはより多くの詳細と解決のために、このに見えるかもしれません：https://stackoverflow.com/a/8844467/2407962
と仮定私はフォントをカスタマイズしている中でウェブサイトを持っている、そしてすべての .OTFファイルは約1MBです。
Google Webサイトは、一般的には2.6KBしかありません。
ユーザーがウェブサイトにアクセスすると、フォントがダウンロードされます。 質問は、これらのフォントは常に としてインストールされていますか？私。ユーザーがブラウザをオフにしても、 フォントはそこに残りますか？または、.otfファイルはすべて .css .htmlファイルと同じですか？どちらをキャッシュすることができますが、次に を再度ダウンロードする必要がありますか？
私のウェブサイトは、ユーザーがサイトにアクセスしたときに常にフォントを取得します。 ユーザーがブラウザのキャッシュをクリアしなくても、Webサイトはcssやhtmlのようなフォントをフェッチします。
後者の場合、どうすればこの問題に対処できますか？私は ユーザーが1MBのフォントをダウンロードすることがUXには適していないことを意味します。 他のウェブサイトはこの問題にどのように対処していますか？何らかのローカルストレージが使用されていますか？
gzipエンコーディングが役に立ちます。
これは私の経験であり、私がチェックしたときに他のアプローチを見つけることができませんでした。他の誰かがより良いアプローチを提案するかもしれません。
ページ内のすべての外部のインクルードはキャッシュできます。
キーは、適切なHTTP応答ヘッダーを設定して、望みどおりにキャッシュできるようにしています。
//PHP style, other server lang syntaxes will vary
header("Cache-Control: max-age=31536000"); //365 days
あなたは、エンドユーザーがキャッシュに保管してくださいすることを保証することはできませんが、のCache-Controlヘッダーは彼らがのためにそれらを維持することができますどのくらいのブラウザを教えてください。
残念ながら、一部のユーザーは、閉鎖時にキャッシュをフラッシュするようにブラウザを設定しているか、非常に小さなキャッシュしか保持していません。 Webサーバーのログ/統計情報を追跡して、ユーザーが適切にキャッシュしているかどうかを確認できます。