Typography

Typography is the invisible fabric carrying every piece of content in an interface: headings, paragraphs, buttons, form labels, status messages. A typography regression rarely produces a crash, but it erodes readability, breaks the visual hierarchy, and forces teams to spend hours triaging user incident reports. On a business dashboard, a heading that wraps to two lines pushes every metric below it down; on a product page, a price label whose font weight changes can suggest a promotion that does not exist. The usual culprits are well known: an npm dependency update that breaks a web font import, a change to the --font-family variable in a design system, a global line-height tweak meant to fix readability on a single page, the introduction of text-wrap balance that recomposes line breaks, or a missing fallback for a custom font family. Drift between font-weight 600 and 700 across sprints remains a classic source of typographic inconsistency, especially when several developers contribute without a strict guideline. Delta-QA bakes these concerns into its visual regression logic: the tool does not merely confirm a string is present, it compares the rendering pixel by pixel and detects every change in weight, spacing, line-height, or font fallback. The baseline screenshots act as a stable typographic reference, and each new run highlights text shifts, headings that jump a line, overflows, and weight variations between versions. This gives QA teams a way to validate a design system overhaul or a framework upgrade without manually reviewing every screen.