Typography

The site makes no font request. Everything below the display face resolves against what the reader already has, which is why application.html.erb has no <link> to a font host and why a new stack has to enter through design/design-tokens.json rather than through application CSS.

Families

Brand headings only; body copy stays sans. Self-hosted from design/assets/fonts and linked, never inlined — the first family of font_display names the @font-face family, the rest is the sans stack so non-Latin/Cyrillic text (CJK included) falls through unchanged. Five uprights, no italics and no 600: a 600 request resolves upward to Bold 700. The vendor's own CSS splits these across three family names (Magistral / Magistral Book / Magistral Extra); we register all five under one family so weight matching works. ExtraBold 800 is the cut the searchapi.io wordmark was drawn from.

Weights

Scale

Sizes and their line heights, as tokens.css emits them into @theme. The px/line notation is the record's; the rendered line is the size itself.

Observed on the docs surface

• h1 — 24px/700
• h2 — 18px/600
• h3 — 16px/600 (in gray-50 band, pad 4x24)
• body — 14px/400
• code — 14px mono
• copy_btn — 12px/500