What is the font that is used in the widgets when you design them?

Just wondering what font it is that you see when you are creating the widgets? Is it a custom font to elfsight or can it be chosen in the list of fonts?

2 Likes

Hi @manillab,
I use the default setting, which uses the font from my website. You can also choose one of your own choosing. However, the respective data protection regulations in each country must be observed. In the EU, for example, Google Fonts may not be loaded using Google servers without the user’s consent. If the fonts are loaded from my own server, that’s not a problem, and I don’t have to ask.

2 Likes

I don’t use the default setting since that feature doesn’t work in Wix. It changes the text into Times New Roman, even though that isn’t the default text in the theme.

2 Likes

Hi there, @manillab :wave:

Our widgets use system UI font which varies depending on the OS of your device:

  • Windows: Segoe UI
  • macOS: SF Pro (San Francisco)
  • iOS: SF Pro (San Francisco)
  • Android: Roboto

Unfortunately, due to the peculiarities of the Wix platform, our app supports only the most popular fonts. However, there are 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 worked for you :slightly_smiling_face:

1 Like