[Resolved] Another weird issue – font console error on privacy page

Home Forums Support Another weird issue – font console error on privacy page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1160388
    Michael

    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_FAILED

    Please can anyone shed some light on how to go about fixing?

    #1160932
    Tom
    Lead Developer
    Lead Developer

    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.

    #1160944
    Michael

    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?

    #1160946
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #1160948
    Michael

    Thank you Tom I will ask them about that

    #1161103
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.