
## Typography Resources

### Brand faces

| Face | Role | Source in repo |
|------|------|----------------|
| **Juana** | Headings, display, quotes | `src/handoff/nextgen/tokens/fonts.css` (`@font-face` → `public/fonts/juana/…`) |
| **Inter** | Body, UI, eyebrows, Inter-style headings | Google Fonts `@import` at the top of `nextgen/tokens/tailwind.css` |

Token definitions (sizes, line-heights, families): `src/handoff/nextgen/tokens/tailwind.css` (`@theme` + `@utility font-body`).

### Loading

- **Component / Handoff previews** — global entry is `entries.scss` → `nextgen/tokens/tailwind.css` (Juana embedded via relative font paths; Inter via Google Fonts).
- **WordPress theme** — theme Tailwind entry imports the same nextgen tokens; rebuild with `npm run theme:build:css` after token changes.

### Weights in use

Inter is loaded for opsz 14–32 with weights **300 / 400 / 500 / 600** (plus italic 400). Prefer those weights in UI; don’t assume every Inter weight is available.

### Related

- [Typography overview](/foundations/typography/) — live token samples
- [Typography guidelines](/foundations/typo-guidelines/) — hierarchy and section-header patterns
- [Google Fonts — Inter](https://fonts.google.com/specimen/Inter) — specimen / licensing for the body face

> Juana is a licensed brand face. Use the files shipped in this repository; do not substitute a lookalike serif in production.
