I’ve added a custom font. In my theme style I’ve set this custom font to be used for all headings. In the editor, the font for headings is still the default (looks like Helvetica). However on the front end the heading font is displaying as it should. Note that the body text font is set to a Google font and it looks fine in the editor and on the front end.
Another thing to note is that I uploaded the fonts to a “fonts” folder in the Uploads folder, and specified the path to them. I didn’t upload them as WP media (because it was not allowed).
Did you add these via custom font settings in the bricks menu (custom fonts) or as a CSS @fontface? From the sounds of it, it sounds like the latter and the builder is not rendering the font inside the builder.
Also when you tried to add the font did you try to upload these manually via FTP/SSH/Filemanager? Or again did you try adding these in the dedicated custom fonts? Either way, this sounds like a permissions issue, you would need to edit the permission to 755 ideally.
Thanks Timmse, your video was helpful. It explained why I was getting errors when uploading font files. I was uploading all font file variations after clicking the upload button, but as you pointed out one can only select .woff files when clicking the woff upload button and .woff2 files when clicking the .woff2 upload button. As we’re used to no restrictions on the types of files when uploading via drag-and-drop through the media library, the expectation was that I could upload all font files at once then just select the one I needed. The label in the top left corner “Upload .woff font file” was never seen until you pointed it out.
Anyway, I have my font files set up in the same way you did in your video: