# Magazine Bold — Recommended fonts

Per `themes/docs/FONTS.md` (wave-1 policy), this theme ships `fonts.json = []`
and provides CSS fallback stacks via `--font-heading`, `--font-body`,
`--font-mono`. The site admin assigns real fonts via the typography settings
panel; the recommendations below match the spec §5 intent.

## Display (heading slot)

Spec calls for **PP Editorial New** (Regular Italic + Ultralight) at 180–280pt
for cover-story hits, with **Migra** as a secondary serif drop-in. Both are
commercial; the open-source picks below render the same italic-display energy.

Open-source picks (assign one to **Heading**):

- `google:Playfair Display` — the closest open-source approximation of
  PP Editorial New's contrast and italic axis. Open the typography panel,
  pick "Playfair Display" from the Google Fonts tab, assign to Heading.
- `google:Fraunces` — a more contemporary alternative with optical sizing;
  works well as the secondary serif (`font-serif-sub`).
- `google:Cormorant Garamond` — slightly higher-contrast classic serif if
  you want a more traditional broadsheet feel.

Commercial picks (require admin licensing + upload):

- `upload:PP Editorial New` — purchase from pangrampangram.com, upload via the
  font picker's "Upload" tab.
- `upload:Migra` — purchase from pangrampangram.com (Migra is a sibling
  family), upload via the picker.

## Body

Spec calls for **Inter** 16–18px with tight leading and generous tracking on
small-caps kickers. Inter is already in the curated Google Fonts list:

- `google:Inter` — open the typography panel, pick "Inter" from the Google
  Fonts tab, assign to Body. Aim for weights 400 + 600.

## Mono (captions, folios, metadata only)

Spec calls for **JetBrains Mono** at caption sizes for kickers, folios and
the colophon strip. Curated:

- `google:JetBrains Mono` — open the typography panel, pick "JetBrains Mono"
  from the Google Fonts tab, assign to Mono. Weight 400 is enough.

Alternates: `google:Space Mono`, `google:IBM Plex Mono`.

## How the theme degrades when nothing is picked

The compiled CSS shipped with this `.so` uses the variables with sensible
fallbacks so a fresh install still reads like an editorial magazine:

- `--font-heading` falls back to `"Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif`
- `--font-body` falls back to `"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`
- `--font-mono` falls back to `"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace`