Fonts

Holocron uses Inter by default. The default Inter files are bundled with the site and served from the same origin, so a fresh site does not make third-party font requests.

Use the fonts field in docs.json when you want a different typeface. Family names without source load from Google Fonts. Add source when you want to self-host a custom font from public/.

Google Fonts family names

12345{
  "fonts": {
    "family": "Inter"
  }
}

This loads Inter from Google Fonts and applies it to all text. Omit fonts entirely if you want Holocron's built-in same-origin Inter instead.

Separate heading and body fonts

123456{
  "fonts": {
    "body": { "family": "Inter", "weight": 400 },
    "heading": { "family": "Cal Sans", "weight": 700 }
  }
}

Self-hosted fonts

For self-hosted fonts, place the file in public/ and reference it:

1234567{
  "fonts": {
    "family": "My Custom Font",
    "source": "/fonts/custom-font.woff2",
    "format": "woff2"
  }
}

Font fields

Field	Type	Description
`family`	string	Font family name
`weight`	number	Font weight (e.g. 400, 700)
`source`	string	URL or path to font file
`format`	`"woff"` \| `"woff2"`	Font file format, recommended for local files
`heading`	object	Override font for headings
`body`	object	Override font for body text

Ask AI about this page