Hey,
This has to do with: “Access-Control-Allow-Origin”
Fonts are blocked by browsers if they are not loaded from the same domain as the url in the browser. Meaning If your loading content from one domain but viewing on another it won’t work… unless you change settings in your htaccess file.
Your best option it to correctly setup the wordpress site to have the same domain as your live url. but if you want to keep the two you can add this in the server files:
# For Apache
<FilesMatch “.(eot|ttf|otf|woff)”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
# For nginx
location ~* \.(eot|ttf|woff)$ {
add_header Access-Control-Allow-Origin ‘*’;
}
Your host can help you with this if that is the route you want to go.
Kadence Themes