I added Quattrocento as a custom font and turned off Google fonts. The font renders perfectly fine in the editor but is a default serif font on the front of the website so they’re not loading at all. Using TTF and WOFF.
https://whatcom-adus.instawp.xyz
Should look like this:
Latest bricks version.
InstaWP dev site.
Hello,
you seem to have two different fonts defined for “body”. If you remove one (Roboto Slab) from CSS, it should then show “Quattrocento”.
Can you check your styling?
Best regards,
Matej
The problem isn’t just the body font it’s headings too.
It turns out I have to manually select the font for each element on the canvas for the custom fonts to show on the front end - Bricks isn’t applying the font to “all body or all headings”.
Yes, manually selecting the correct font on individual elements (or classes), will solve the issue, because it will override the one you have defined on your body.
You do seem to have two font families defined on a body element. The second one is this one:
Can you remember where you added this font?
Matej
I only added this in Bricks template settings. I replaced the font with the custom font in the settings. That’s why it’s confusing the old font is still being used.
Hi,
as I can’t replicate the issue, can you send temporary login credentials to your website and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?
If you have a staging website, I would prefer staging one, so I can play around without worrying of breaking live site 
Thanks.
Email sent, thank you.
