クラスの存在に基づいて@ Font-Facesを条件付きでロードする方法は？

Question

私は@ font-face経由で作業しているWebアプリケーションに新しいフォントを統合する必要があります。このフォントは、特定のクラスを持つ要素によって表示されるアプリ内の特定のコンテンツにのみ置かれます。ページに特定のクラスが存在しない限り、@ font-facesをロードしない方法はありますか？私は、一部のページの一部のコンテンツがそのWebフォントを必要とするため、1ページごとの読み込み時間を遅くする必要はありません。

Answer 1

@ font-faceは他のスタイルに先立って宣言する必要があるため、フォントを正しく表示することができます。あなたが純粋なCSSソリューションを探しているならば、少なくともpageloadの後でそれらを宣言するのはうまくいかないと確信しています。私は頭の上からjavascriptソリューションを知っていませんが、pageloadの後でリンク要素を使用してキャッシュすることができます...特定のページでそれらを必要とするなら、それはあなたを助けませんが、ユーザーがサイト全体で文書から文書にジャンプしているときに有益です。