--- title: "Typography" description: "Fonts, heading sizes, weights, and spacing" canonical_url: "https://docs.farming-labs.dev/docs/customization/typography" markdown_url: "https://docs.farming-labs.dev/docs/customization/typography.md" last_updated: "2018-10-20" agent: tokenBudget: 750 --- # Typography ## Typography task Task: Typography Expected result: Fonts, heading sizes, weights, and spacing ## Typography verification ## Typography agent guidance Font families live at `theme.ui.typography.font.style.sans` and `.mono`; `h1` through `h4`, `body`, and `small` accept the documented `size`, `weight`, `lineHeight`, and `letterSpacing` fields in `docs.config.ts` or `docs.config.tsx`. For Next.js Google Fonts, CSS variables originate in `app/layout.tsx`; their generated variable classes belong on ``, and the typography config references those exact names. Verify the computed sans and mono families on the rendered page. If the fallback font remains, check that the body class includes both font variables and that the config spelling matches before changing type sizes or weights. ## Sitemap See the full [sitemap](/sitemap.md) for all pages. Docs-scoped sitemap: [/docs/sitemap.md](/docs/sitemap.md). Well-known sitemap: [/.well-known/sitemap.md](/.well-known/sitemap.md).