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.

FieldRequiredNotes
familyYesThe font-family name
weightA number (400) or a variable range ("100 900")
sourceA path under public/ or an https:// URL. Omit for Google Fonts
formatWith sourcewoff 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.