Incorrect fonts displaying

Design help General
#1

Hi yall,

For some reason, I believe font-display is causing my custom fonts to display in Times New Roman, which as a designer, kills my site. Before Webflow required a “font-display” selection, they loaded fine. How can I ensure that only my custom fonts display?

See my site below and how fonts display as Times New Roman, and only load the correct font after a few refreshes:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

I’ve been able to narrow this down to see that the Canvas is rendering before the custom font is loaded. I tried using document.fonts.ready.then(function() { but to no avail.

#3

I’ve got it to work by adding an invisible div on the page that forces the font to load.