block/themes-magazine-bold
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
themes-magazine-bold/RECOMMENDED_FONTS.md
Alex Dunmow fe754f634b initial: theme plugin magazine-bold 
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>
2026-06-06 14:11:38 +08:00

2.5 KiB
Raw Blame History

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