WAIT: Font Change on page load

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue in this Jam

[Please describe this bug in as much detail as possible so we can replicate & debug this bug]

When ever i land on a site built in bricks when the page loads the fonts very quickly change from what looks like a time kind of font to the font used to design the site etc. I saw this even happen when i visited the advanced themer site. It happens on all the sites i have build with bricks. Why does this happen? It doesn’t when i build in webflow or framer? Def seems like a bug.

Hi Gareth,
Thanks for your report!

Custom fonts must be loaded before they can be displayed. This takes a short time the first time the page is called up. If no fallback font is defined, the system font should normally be used. If this is also unavailable (for whatever reason), the browser default is displayed, which is probably Times.

You can specify fallback fonts in the theme styles. These should ideally be similar to your custom font, or at least from the same category (in your case sans-serif). Something like Arial, Helvetica, sans-serif should give a better result.

Additionally, you can change the webfont loading method in Bricks » Settings » Performance and test if the result is more satisfying.

Best regards,
timmse