Wie Laden @ Font-Faces bedingt auf Klassenpräsenz?

Question

Ich muss eine neue Schriftart über eine Web-App integrieren, an der ich gerade arbeite, über @ font-face. Diese Schriftart wird nur auf bestimmte Inhalte in der App gesetzt, die vom Element mit einer bestimmten Klasse angezeigt werden. Gibt es eine Möglichkeit, @ font-faces nicht zu laden, es sei denn, eine bestimmte Klasse ist auf der Seite vorhanden? Ich möchte nicht die Ladezeit jeder einzelnen Seite verlangsamen, weil einige Inhalte auf einigen Seiten diese Webschrift benötigen.

Answer 1

@ font-face muss vor anderen Stilen deklariert werden, damit die Schriftarten korrekt gerendert werden können. Ich bin mir ziemlich sicher, dass es nicht funktionieren wird, sie nach dem Pagenload zu deklarieren, zumindest wenn Sie nach einer reinen CSS-Lösung suchen. Ich kenne keine JavaScript-Lösung von der Spitze meines Kopfes, aber Sie könnten Link-Elemente verwenden, um sie nach dem Pagenload zwischenzuspeichern ... ich weiß, dass das nicht hilft, wenn Sie sie auf dieser bestimmten Seite brauchen, aber es ist immer Vorteilhaft, wenn Benutzer von Dokument zu Dokument über Ihre Site springen.