Font Fallbacks for Custom Fonts

[Alex Vasquez]

Alex Vasquez

December 2, 2021 at 4:31 pm

I’m using the custom font addon to load a font. IT’s the only font in use on the site.

I noticed there’s no default/fallback for fonts. Like it currently shows like this:

body, input, select, optgroup, textarea {
font-family: var(–global-body-font-family); which outputs to this: font-family: Calibre;
}

Ideally, I’d like to declare this instead:
body {
font-family: Calibre, “Helvetica”,sans-serif;
}

I’m dealing with FOUT (flash of unstyled text) and this declaration would make it a little better. But I can’t seem to override the CSS and I see no option in the font plugin (and there really needs to be).

THanks.