Typography utilities

Sizes

text-2xs, text-xs, text-sm, text-md, text-lg, text-xl, text-2xl, text-3xl, text-4xl, text-5xl.

Weights

font-normal (400), font-medium (530), font-semi (620), font-bold (720), font-black (820).

Family

font-sans, font-mono, font-display.

Alignment

text-left, text-center, text-right, text-justify.

Wrapping

text-nowrap, text-wrap, text-balance, text-pretty, truncate.

Decoration

underline, no-underline, italic, uppercase, lowercase, capitalize.

Line height

leading-tight, leading-snug, leading-normal, leading-loose.

Tracking

tracking-tight, tracking-wide.

<div class="b-stack" style="--b-stack-gap: var(--b-2)">
  <p class="text-3xl font-black tracking-tight">Display heading</p>
  <p class="text-lg font-medium">Lead paragraph</p>
  <p class="text-sm text-muted">Caption</p>
  <p class="text-xs uppercase tracking-wide font-semi text-primary">Eyebrow</p>
</div>