Archived topic
Another weird issue - font console error on privacy page
5 replies · Started by Michael on February 10, 2020
Hi guys,
Yes, it's that time again - another weird issue from me. This makes no sense to me at all. On my privacy page (and it seems like only on the privacy page) I am getting a bunch of console errors for the fonts, which then aren't loading properly. This can't be local or it would be on every page I would guess? Here is the page in question:
https://www.reclaimdesign.org/privacy-policy.html
Here are the console errors (in Chrome):
Access to font at 'https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-regular.woff2' from origin 'https://www.reclaimdesign.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://reclaimdesign.org' that is not equal to the supplied origin.
VM212 privacy-policy.html:156 GET https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-regular.woff2 net::ERR_FAILED
VM212 privacy-policy.html:1 Access to font at 'https://reclaimdesign.org/wp-content/themes/generatepress/fonts/generatepress.woff2' from origin 'https://www.reclaimdesign.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://reclaimdesign.org' that is not equal to the supplied origin.
VM212 privacy-policy.html:156 GET https://reclaimdesign.org/wp-content/themes/generatepress/fonts/generatepress.woff2 net::ERR_FAILED
privacy-policy.html:1 Access to font at 'https://reclaimdesign.org/wp-content/uploads/fonts/icomoon.ttf' from origin 'https://www.reclaimdesign.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://reclaimdesign.org' that is not equal to the supplied origin.
privacy-policy.html:504 GET https://reclaimdesign.org/wp-content/uploads/fonts/icomoon.ttf net::ERR_FAILED
privacy-policy.html:1 Access to font at 'https://reclaimdesign.org/wp-content/plugins/gp-premium/general/icons/gp-premium.ttf' from origin 'https://www.reclaimdesign.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://reclaimdesign.org' that is not equal to the supplied origin.
privacy-policy.html:1 GET https://reclaimdesign.org/wp-content/plugins/gp-premium/general/icons/gp-premium.ttf net::ERR_FAILED
privacy-policy.html:1 Access to font at 'https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-italic.woff2' from origin 'https://www.reclaimdesign.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://reclaimdesign.org' that is not equal to the supplied origin.
jquery.js?ver=1.12.4-wp:3 GET https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-italic.woff2 net::ERR_FAILEDPlease can anyone shed some light on how to go about fixing?
Hi there,
This happens when the URL serving the resource (in this case, a font), is different than the URL you're visiting.
For example, let's look at the error:
Access to font at 'https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-regular.woff2' from origin 'https://www.reclaimdesign.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://reclaimdesign.org' that is not equal to the supplied origin.
Notice how the font is checking for https://reclaim..., but the origin is https://www.reclaim..
That www is triggering the error.
You need to make sure your WordPress install is set to the same URL you're visiting. It's also a good idea to redirect www to non-www (or the other way around) to prevent this kind of issue.
Hi Tom, thank you for looking at this for me. In my WP dashboard both the WordPress Address (URL) and the Site Address (URL) are set to https://reclaimdesign.org
Please can you tell me how I can redirect www as you mention?
Your hosting can typically do this. You want them to set up a 301 redirect from www to non-www. It's a pretty standard thing they should be able to take care of quickly :)
Thank you Tom I will ask them about that
No problem :)
