Font blocked by "Access-Control-Allow-Origin" ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    Hi Richard

    Your site links and stylesheet references are still pointing to https://www.americanoutlawsportland.com/ instead of https://americanoutlawspdx.com/.

    Perhaps you migrated to the pdx domain recently? If so, it would be worth checking that your URL in Settings → General is set to the correct domain, and that all references to https://www.americanoutlawsportland.com in your database and theme files have been updated to point to your new domain instead.

    That should solve the warnings and allow the icons to load correctly, but feel free to ask if you have any further questions about this.

    i am getting the same thing.help! i tried to do as you stated above but it didnt work.now its saying error 404.
    in wordpress, this is what i have set.
    General Settings
    Site Title
    Southaven Supply
    Tagline
    Hardware Store
    In a few words, explain what this site is about.
    WordPress Address (URL)
    https://shsupplybeta.azurewebsites.net
    Site Address (URL)
    https://www.shsupply.com
    Enter the address here if you want your site home page to be different from your WordPress installation directory.

    it was giving me a redirect loop when i tried to go into items on my shsupply.com , now, it just says error 404. any help would be appreciated.

    This should solve your problem, just copy paste it into your .htaccess file en re-upload it, clear your cache and eventually also clear your CDN files and the problem is solved:

    # ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute
<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    # mod_headers, y u no match by Content-Type?!
    <FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
      SetEnvIf Origin ":" IS_CORS
      Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
  </IfModule>
</IfModule>
# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

    Source: MaxCDN

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font blocked by "Access-Control-Allow-Origin" ?’ is closed to new replies.