A full range of expression.

Thirteen sizes, nine weights, six line-height presets, and six tracking steps. Explore the scale with antiflex’s own type families.

Try the foundation

DM Sans · 16px / 24px · 400. Scroll the preview to inspect oversized text. OpenType features depend on the chosen font.

.example {
  font-family: var(--af-font-sans), sans-serif;
  font-size: var(--af-typography-size-base);
  line-height: var(--af-typography-line-height-base);
  font-weight: 400;
  letter-spacing: var(--af-typography-tracking-normal);
  font-style: normal;
  font-variant-numeric: normal;
}

Type scale

The reference scale runs from xs to 9xl, with a default line height for every size. Values use a 16px reference root; antiflex’s existing component and display sizes remain available.

Font families

DM Sans, Anybody, and Space Mono are self-hosted. Georgia is a system serif stack, with Times New Roman and the browser’s serif as fallbacks. The browser chooses the available system face. Space Mono and system serif expose regular/bold in the playground; Anybody supports upright and italic faces across the full weight scale. Font synthesis is disabled in the preview.

Weight, leading, tracking

Use the scale with Tailwind

text-af-xl font-af-bold leading-af-relaxed tracking-af-tight combines size, weight, line height, and spacing. Palette classes such as bg-af-blue-500 use the same reference source.

Compose the rest with native text utilities

Use Tailwind’s standard utilities for italic, alignment, case, decoration, lists, wrapping, truncation, clamping, indentation, smoothing, and OpenType features. These remain ordinary CSS capabilities; they are not additional antiflex component families.

Use the right scale for the job

Large sizes and tight tracking are reference options, not defaults for interface text. Use readable body sizes, preserve heading semantics, and check your actual content at zoom and narrow widths. The complete scale is based on the Tailwind CSS typography reference; antiflex’s component typography stays stable.