Die Seite ist zunächst lesbar. Kurz darauf wird eine andere Schrift eingesetzt und eine Überschrift springt auf eine zusätzliche Zeile. Eine Einstellung für font-display steuert das Lade- und Darstellungsverhalten, gleicht aber nicht automatisch die Maße beider Schriften an.
Miss zunächst den tatsächlichen Wechsel. Drossele die Verbindung, deaktiviere den Cache und beobachte Überschrift, Navigation und lange Buttons. Halte fest, ob Text unsichtbar bleibt, ein Fallback erscheint oder sich der Seitenaufbau verschiebt.
Die beiden Darstellungen vergleichen
Prüfe auf einer Testkopie dieselbe Seite mit blockierter und mit geladener Schrift. Besonders wichtig sind Zeilenanzahl, verfügbare Breite und die Höhe fester Bedienelemente. Eine gestauchte Ersatzschrift kann weniger Platz belegen als die später geladene Webfont.
Passe Fallback-Auswahl und Layout zusammen an. CSS bietet auch Möglichkeiten zur metrischen Abstimmung von Ersatzschriften; diese benötigen zur konkreten Schrift passende Werte. Kopiere keine zufälligen Prozentwerte aus einem anderen Projekt.
Prüfe anschließend, ob die gewählte Ladepolitik zur Aufgabe passt. swap kann Text früh sichtbar machen und trotzdem einen späteren Wechsel erzeugen. Andere Werte haben andere Abwägungen; sie garantieren keine allgemein beste Darstellung.
Teste die Korrektur in schmaler und breiter Ansicht sowie mit vergrößerter Schrift. Behalte den eigentlichen Inhalt und die Tastaturbedienung bei. Wenn sich ein Button während der Interaktion verschiebt, gehört auch diese Situation in dein Protokoll. Vergleiche dazu die Aufzeichnung mit blockierter und mit geladener Schrift.