Fonts

By default, the theme uses Google Fonts. If you want to change the font to any other Google font, locate the font links inside the head file partial.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">

To change the font, visit Google Fonts , choose your desired font, and replace the generated code in your project.

After changing fonts, update the font families inside style.css using the @theme directive.

@theme {
    --font-body: "Inter", serif;
    --font-heading: "Instrument Sans", serif;
    ...
}

If you want to use custom or self-hosted fonts, remove the Google Font links completely and follow the guide at Self Hosted Fonts .