Hi there,
I want to use a Google Font that is not incuded with the default fonts from enfold.
I have downloaded the font and imported it via theme settings. All looks well.
When I select the font in “general styling” tab as default font, the preview get’s updated. But the font is not displayed on the website itself.
Please help me fix this! Because I really need the font.
Best regards, Robin
Hey loyalmedia,
Thank you for using Enfold.
The access to the font files are not allowed because the protocol of the path where the font files are located is different from the frontend. You have to enable https or allow the font origin using CORS config.
Access to font at ‘https://www.loyaldevelopment2.nl/wp-content/uploads/avia_fonts/type_fonts/alegreya-sans/alegreyasans-bold.ttf’ from origin ‘http://www.loyaldevelopment2.nl’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Add this code in the htaccess file:
Header set Access-Control-Allow-Origin "*"
Or configure the site’s SSL.
Best regards,
Ismael