So prüfst du tatsächlich angezeigte Schriften einer Seite.
Prüfe berechnete Stile, statt anzunehmen, dass die erste CSS-Schrift geladen wurde. Notiere Strichstärken und Ersatzschriften, die den angezeigten Text beeinflussen.
Passe den Ablauf an deine Aufgabe an.
Wähle repräsentative Überschriften und Fließtext und erfasse Familie, Größe, Stärke und Zeilenhöhe aus verfügbaren Stilen. Trenne die deklarierte Ersatzschriftliste von Belegen für die tatsächlich dargestellte Schrift. Prüfe Ladezustand und responsive Varianten, bevor du ein Muster für die ganze Seite meldest.
- Was du bereitstellst
- Berechnete Textstile der gewählten Seite.
- Was du erhältst
- Tatsächlich angewendete Schriftfamilien, Strichstärken und Größen.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
Supplied style inspection of h1: font-family "Example Sans", Arial, sans-serif; font-size 40px; font-weight 700; line-height 48px. No rendered-font inspection or loading evidence supplied.
Vollständiges Beispiel
Element: h1 Declared/computed family stack: "Example Sans", Arial, sans-serif Size: 40px Weight: 700 Line height: 48px Actually rendered face: unconfirmed. The family stack alone does not prove Example Sans loaded.
Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Beweist der berechnete font-family-Wert, dass die erste Schrift dargestellt wurde?
Nein. Er kann nur die deklarierte Liste beschreiben. Bestätige die tatsächlich gerenderte Schrift mit geeigneter Browserprüfung, wenn das wichtig ist.
Warum sehen zwei Elemente derselben Schriftfamilie unterschiedlich aus?
Stärke, variable Schrifteinstellungen, Größe, Abstände oder Ersatzschriften für bestimmte Zeichen können abweichen. Prüfe diese Eigenschaften statt nur die Familie.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑