Fonts
Set your own typeface — a Google font or a self-hosted file.
Fonts
The default typeface is clean and fast, but your docs should match your brand.
Set fonts in docs.json to change it — for all text, or for headings and
body separately.
Google Fonts
Name a family and it loads automatically — nothing to download:
{ "fonts": { "family": "Inter" } }Headings and body separately
This site keeps the default body face and uses a distinct display font for headings — look at the heading above:
{
"fonts": {
"heading": { "family": "Space Grotesk", "weight": "500 700" },
"body": { "family": "Inter" }
}
}Omit either one to leave that role on the default.
Self-hosted fonts
Drop a font file in public/fonts/ and point at it — no external request,
best privacy and performance:
{
"fonts": {
"family": "InterDisplay",
"source": "/fonts/InterDisplay.woff2",
"format": "woff2",
"weight": 400
}
}source can also be an absolute https:// URL for a font hosted elsewhere.
| Field | Required | Notes |
|---|---|---|
family | Yes | The font-family name |
weight | — | A number (400) or a variable range ("100 900") |
source | — | A path under public/ or an https:// URL. Omit for Google Fonts |
format | With source | woff or woff2 |
Fonts load with font-display: swap and always fall back to the system
sans-serif stack, so text stays readable while a custom face downloads.