Typografie

Typografie ist das unsichtbare Gewebe, das alle Inhalte einer Oberfläche trägt: Überschriften, Absätze, Buttons, Formularbeschriftungen, Statusmeldungen. Eine typografische Regression führt selten zu einem Crash, verschlechtert aber die Lesbarkeit, bricht die visuelle Hierarchie und kostet Stunden, weil Nutzer-Vorfallsmeldungen aufgearbeitet werden müssen. Auf einem Business-Dashboard verschiebt eine Überschrift, die plötzlich zweizeilig umbricht, alle darunter liegenden Kennzahlen; auf einer Produktseite kann eine Preisbeschriftung mit veränderter Schriftstärke eine Aktion suggerieren, die es gar nicht gibt. Die typischen Ursachen sind bekannt: ein npm-Dependency-Update, das den Import einer Webfont bricht, eine Änderung der Variable --font-family in einem Design System, eine Modifikation der globalen line-height zur Verbesserung der Lesbarkeit einer einzelnen Seite, die Einführung eines text-wrap: balance, der die Zeilen neu berechnet, oder ein schlichter Mangel an Fallback für eine Custom-Schriftfamilie. Abweichungen zwischen font-weight 600 und 700 zwischen Sprints bleiben eine klassische Quelle typografischer Drift, vor allem wenn mehrere Entwickler ohne strikte Charta arbeiten. Delta-QA integriert diese Aspekte in seine Vergleichslogik: Das Werkzeug prüft nicht nur, ob ein Text vorhanden ist, sondern vergleicht das Rendering Pixel für Pixel und erkennt jede Änderung von Stärke, Zeichenabstand, Zeilenhöhe oder Schrift-Fallback. Die Referenz-Screenshots dienen als stabile typografische Baseline, und jede neue Ausführung hebt Textverschiebungen, umbrechende Überschriften, Überläufe und Gewichtsabweichungen zwischen Versionen hervor. Dieses visuelles Testing erlaubt es QA-Teams, eine Design-System-Überarbeitung oder ein Framework-Update zu validieren, ohne jeden Bildschirm manuell erneut prüfen zu müssen.