I am trying to reference some fonts on a Netfliy site (SITE A) stored in a second Netlify site (SITE B), but I keep getting errors (shown below).
Access to font at 'https://SITE A/assets/fonts/Bebas/Bebas.woff2' from origin 'https://5cbd3f4c8ec358000acaeedb--SITE A.netlify.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I have tried adding a _headers file with the below content in SITE A referencing SITE B, and also in SITE B referencing SITE A (for good measure) but this doesn’t seem to make a difference.
In SITE A
/* X-Frame-Options: allow-from https://SITE B.netlify.com/ X-XSS-Protection: 0;
In SITE B
/* X-Frame-Options: allow-from https://SITE A.netlify.com/ X-XSS-Protection: 0;
Can anyone help me with this issue (maybe I’ve missed something super obvious - I am new to Netlify and CORS but appreciate any help).