Sometimes, the font in your Wix website widget might look different from what you see in your Elfsight dashboard. This is because Wix only supports a few fonts for our app.
But don’t worry, we have 2 workarounds for you! Here we go
Changing the font using CSS code
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>
Just add the CSS code above right after the widget’s installation code and you’ll be fine
Changing the font using Google fonts
You can also apply any free Google font you wish to the widget. That’s a breeze, just follow these steps:
Copy CSS rules to specify families and paste them to the second line of your widget's installation code with this attribute: style="..."
Still experiencing difficulties or having questions? Drop us a line in the comments and we’ll be happy to assist