This headline has a custom font family

This is the body. The content font family is based on a custom font assigned to the CSS var.

To replace only specific pages and not the entire site, add a custom class to body of the specific page that you want to have the fonts changed.

The header and body font family can be changed by uploading new font-family to the specific directory, add @font-face rule in the CSS file.

@font-face {
  font-family: 'CustomFont';
  src: url('path/to/the/custom-font.woff2')
    format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

...

And then use it as below.

.body-class-for-font-family-changes {
  --bolt-type-font-family-headline: 'CustomFont';
  --bolt-type-font-family-body: 'CustomFont';
}