How to use variable fonts

How To
,
1

Hi community!

I made the jump to Bricks yesterday and am really enjoying it so far. One thing I seem to be unable to get to work is variable fonts. I would prefer to upload one woff2 instead of 5 or 7 instances. It will help cut down requests and size on pages where multiple instances are used.

Am I missing something? Please let me know!

Kind regards,
Kevin

2

It turns out variable fonts work fine. The issue I was having was with the upload. I was unable to upload WOFF2 files, so I decided to upload them to an assets folder I created in the child theme. It appears that Bricks doesn’t process a manually entered URL in the Custom Font area, only ones that are selected through the WP interface.

I decided to temporarily disable the file upload restrictions on my WP install, uploaded the variable files though the Media Library and it works fine now.

I guess I should mark this a possible bug?

1 Like
3

Hey, I’m trying to use custom fonts from Fontshare Clash Display, Grotesk and General Sans - all variable fonts.

I have followed the tedious video where I have to go through each font, add ttf, woff, and woff2 variable fonts but still doesn’t work when i add “wght” 450.

I also uploaded these variable fonts to file manager, but still doesn’t work.

How did you manage to resolve yours? Do you mind pasting screenshots or recording anonymous loom?

Thanks a lot

4

See my post here: Add Variable Fonts Support - #11 by vigilante

1 Like