Custom font

I’m stumped. In the editor I’ve tried “Default (Apply from website)” for the font, but it doesn’t pick up the theme fonts I’m using in WIX for either H or P. And the font I’m using isn’t in the provided list of options through the elfsite builder, so I tried using code I found in the community forums for some of the other apps but couldn’t make it work. Help?

2 Likes

Hi there, @JWD :wave:

Unfortunately, due to the peculiarities of the Wix platform, our app supports only the most popular fonts.

However, I’m happy to say that we have two workarounds here:

  1. You can use this CSS code containing all the supported fonts. The first font that is enabled on your website will be applied to your widget right away.
<!doctype html>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
</style>

Please add the CSS code above right after the widget’s installation code and you are good.


  1. You can also apply any free Google font you wish to the widget.
    Here is an article that explains how you can do it - How to change the font of the widget on Wix.

Please try it out and let me know if it helped :slightly_smiling_face:

1 Like

“Peculiarities” is a veeeeery polite way of putting it. I’d definitely use a different word (and platform, if my client hadn’t insisted on WIX). Thanks for the quick response, I’ll try these and let you know!
For the first option, should I specifically add the fonts used that I uploaded into WIX? Unfortunately they’re not Google fonts.

3 Likes

Could you please send me a link to the page where your widget is installed and specify which font you’d like to apply?

1 Like