Tessli
  • T-03
  • Typography
  • Draft

Tabular figures for compared numbers

Set prices, counts and numeric columns in tabular figures.

Draft — not yet reviewed by a maintainer

Why it matters

Proportional digits have different widths, so columns of numbers don't line up and values jitter when they update. Tabular figures keep every digit the same width.

How to check it

Inspect prices, counts and numeric columns: font-variant-numeric is tabular-nums.

The default it guards against

Prices and table totals in proportional figures, so columns zig-zag and a live counter shifts as it changes.

Library items that apply it

Where it comes from

  • docs/quality-gates.md (Visual and type: tabular numbers for counts)