VBC-021: thin-font-weight

warning

Category: ux-dx
Analysis: Regex (line by line)
File types: .css, .scss, .less
Scope: source code only, ignoring anything inside strings and comments
Tags: ux accessibility

What it reports

Thin font weight (100-199) detected at line {line}. Ultra-thin typefaces look elegant on high-DPI Retina screens but become nearly invisible on standard monitors. Use a minimum of 300 (Light) for body text and 400 (Regular) for critical UI copy.

Flagged

body { font-weight: 100; }

Not flagged

body { font-weight: 400; }

Pattern

font-weight:\s*(?:100|200)\b