CORS-issue with fonts on multisite

HelenaGwyn

I have a Wordpress-multisite with multiple toplevel-domains (.blog, .shop, .academy, .com) attached to it. I'm using the theme Astra which has the ability to load Google Fonts locally. But doing so gives an error on all but one subsite because of Access-Control-Allow-Origin. Every subsite loads the fonts from the subsite that enabled this feature first.

A possible solution is adding the following to the nginx-configuration. But as I understand I would have to setup a private NGINX-app? Which feels a bit like overkill.
if ($filename ~* ^.*?\.(eot)|(otf)|(ttf)|(woff)$){ add_header Access-Control-Allow-Origin *; }

I'm also using WP Super Cache at the moment which has a CDN-setting. I tried setting the domain of the first subsite as CDN, but that didn't do anything. Might W3 Total Cache be better? Or am I using or understanding this feature wrong?

sean

HelenaGwyn if you need to set CORS headers for static files then you'll need to either:

Use the Apache PHP app type and set them in .htaccess, or
Run a private Nginx stack and set them in nginx.conf

If your app is currently the Nginx PHP app type and you'd like us to change it to Apache for you then please email support.

HelenaGwyn

sean I assume running a private Nginx is better when it comes to performance?
I just use these steps to set it up? https://community.opalstack.com/d/464-howto-run-a-private-php-fpm-stack-on-nginx-or-apache-on-opalstack

anjanesh

Will there be options in the future to add headers in static apps ?

peter

anjanesh We'll have to find a way to manage custom Nginx configs to make that happen. We're working on it, but we cannot commit to a specific ETA at this point.

peter

HelenaGwyn Yes, running a private Nginx instance should offer better performance. Just follow the steps in our guide at https://community.opalstack.com/d/464-howto-run-a-private-php-fpm-stack-on-nginx-or-apache-on-opalstack to set it up.