使用する可能性のあるすべての書体を埋め込むことができれば、開発はより簡単になりますが、ページのどこにも配置されないフォントに対する余分な HTTP 要求は絶対に望んでいません。誰でも私を啓発できますか?
4 に答える
IEは、@ font-face宣言に遭遇すると、すぐに.eotファイルをダウンロードします。
Gecko、Webkit、およびOperaはすべて、CSSルールと@font-faceフォントを含むフォントスタックと一致するHTMLに遭遇するまで待機します。
--http ://paulirish.com/2009/fighting-the-font-face-fout/
したがって、IEがなければ、CSSスタイルで未使用のフォントを参照しないように注意する限り、実際には多くのフォントを埋め込んでも安全です。その時点で、フォントはブラウザによってダウンロードされるからです。
さらに、ブラウザのキャッシュをクリアしてから、ブラウザのインスペクタ (右クリック > Inpsect) とデバッガ (リソース) タブを実行することもできます。次に、URL を入力して、何がダウンロードされているかを確認します。
残念ながら、ほとんどのブラウザーは、実際に使用されていないフォントのダウンロードを避けるようにあなたを推測することはありません (実際、私はそのような回避に十分賢いブラウザーを知りません。存在)。展開中にページを後処理して、未使用のページを削除できませんでしたか?
ポール・アイリッシュは、@font-face の使用に関する非常に優れたチュートリアルを持っています。
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
fontsquirrel.com の構文ジェネレーターを使用することもできます。