# Recommended fonts for Kindergarten The kindergarten theme ships `fonts.json = []` per the wave-1 fonts policy (`themes/docs/FONTS.md`). Admins assign fonts via the typography panel; this file lists the picker recommendations sourced from the spec (`docs/works/kindergarten.md` §3). Until the admin makes a choice, the theme falls back to its system stack: - `--font-heading` → `Quicksand`, `Sniglet`, `Nunito`, system sans - `--font-body` → `Nunito`, `Quicksand`, system sans - `--font-mono` → `Fira Code`, `JetBrains Mono`, system monospace ## How to apply 1. Open **Settings → Typography** in the BlockNinja admin. 2. Click the **Google Fonts** tab in the font picker. 3. Add each font below using the listed picker source. 4. Assign Heading / Body / Mono in the typography panel: - Heading slot → `google:Quicksand` (700) - Body slot → `google:Nunito` (400, 600) - Mono slot → `google:Fira Code` (400) ## Recommendations | Slot | Source | Family | Weights / styles | Notes | |---------|--------------------|-------------|---------------------|-------| | Heading | `google:Quicksand` | Quicksand | 400, 600, 700 | Primary display face — rounded, friendly. | | Heading (alt) | `google:Sniglet` | Sniglet | 400, 800 | Alt display face for extra-chunky banners. Confirm SIL OFL compatibility before bundling. | | Body | `google:Nunito` | Nunito | 400, 600, 700 | Famously rounded body text. Pairs with Quicksand. | | Mono | `google:Fira Code` | Fira Code | 400 | Use the regular weight; ligatures look great in classroom code samples. | ## Why these picks - **Quicksand** and **Nunito** are SIL OFL — safe to recommend and free to use. - **Sniglet** is also SIL OFL with the original "Sniglet" family available via Google Fonts as a sibling of Comfortaa. The spec calls out Sniglet as the alternate display face; ship Comfortaa as a backup if your admin prefers something with a similar feel but slightly more conservative letterforms. - **Fira Code** is SIL OFL. The spec calls for "Fira Code Rounded" — Google Fonts ships only the regular Fira Code variants today; use the regular as the closest available stand-in. ## Wave-2 follow-up If the brand requires Sniglet rounded everywhere, bundle the woff2 files inside `assets/fonts/web/` and add the entries to `fonts.json` per the schema in `themes/docs/FONTS.md`. Record the licence in `LICENSES.md` at the theme root.