fe754f634b
Bootstrapped during the 2026-06-06 BlockNinja consolidation. Was previously an unversioned directory inside ~/src/blockninja-themes/magazine-bold. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
57 lines
2.5 KiB
Markdown
57 lines
2.5 KiB
Markdown
# 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`
|