Why isn't the font showing in Buttonizer's editor preview?
The preview only loads system and browser fonts by default. Other custom fonts specified in the font-family setting will not be loaded in the preview.
Font Family Setting
When you set the font family in Buttonizer, it adds the specified fonts to the CSS font-family property of the button. However, to see the chosen font on your live site, outside the editor, you need to have the font installed on your website.
Install the Font on Your Site
To ensure the font appears correctly on your live site, you must have the font files and relevant CSS properly integrated into your website. This way, visitors to your site can see the desired font in action! 👍
Custom fonts
Are you using a custom font on your website? No worries, it's easy to add one to Buttonizer. Open the group settings or button settings and navigate to Style
, open the Label
section and find Font family
.
There, enter your font name that is used on your site, make sure it matches the way how the font is applied through your local stylesheet:
Now your custom font should be applied after publishing your changes. Be aware that your custom font will not be shown into the editor and will only be visible on your live website.
Further Assistance
If you need assistance with integrating custom fonts into your website or have any other questions, please don't hesitate to reach out to our support team. We're here to help!