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';
}
Check list item. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Check list item. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Check list item. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Check list item. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Check list item. Lorem ipsum dolor sit amet consectetur adipisicing elit.