• Resolved vanguardsolutions

    (@vanguardsolutions)


    I am finding that the Icomoon font icons are not displaying properly. They are displaying as an empty ox icon.

    When inspecting further I can see that the fonts are generating an error of:

    Failed to load resource: the server responded with a status of 403 ()

    Any ideas how to correct this issue?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Alexandru Tapuleasa

    (@talextech)

    Well, as the error suggests, it’s blocked due to CORS because your domain is set to https://richardosborne.ca but you are opening the website with https://www.richardosborne.ca

    Change your domain in Settings -> General if you want to use https://www.richardosborne.ca and set up a redirect from non-www to www.

    Access to font at ‘https://richardosborne.ca/cms/wp-content/plugins/minimal-coming-soon-maintenance-mode/framework/public/css/fonts/icomoon.ttf?-3p8lp4’ from origin ‘https://www.richardosborne.ca’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

    Thread Starter vanguardsolutions

    (@vanguardsolutions)

    Hi, Alexandru.

    Thank you for your response.

    How did you find this version of the error message? All I am getting is a 403.

    In my .htaccess file at the top level I have the lines:

    <FilesMatch “.(eot|otf|ttf|woff|woff2)”>
    Header always set Access-Control-Allow-Origin “*”
    </FilesMatch>

    It also has:
    RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
    RewriteRule ^ https://%1%{REQUEST_URI} [L,R=301]

    My WordPress is also set for https://richardosborne.ca

    What else do I need to do to unblock these fonts?

    Thread Starter vanguardsolutions

    (@vanguardsolutions)

    Still struggling with the same issue on a new domain: https://thecuriouswildcrafter.ca/

    I am finding that the Icomoon font icons are not displaying properly. They are displaying as an empty box icon.

    I have added the following code to my .htaccess file at the top directory of the website in an attempt to correct a CORS issue.

    <FilesMatch “.(eot|otf|ttf|woff|woff2)”>
    Header always set Access-Control-Allow-Origin “*”
    </FilesMatch>
    
    <IfModule mod_rewrite.c>
      RewriteEngine on
      
      RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
      RewriteRule ^ https://%1%{REQUEST_URI} [L,R=301]

    Is there a solution for this issue?

    Plugin Author Alexandru Tapuleasa

    (@talextech)

    I’m not a .htaccess expert so I can’t offer you support for that.
    But in my opinion you should definitely redirect instead of trying to force CORS access.
    www is a subdomain technically and it’s treated as a different websites by both browsers and Search engines in some circumstances. Which is not what you want.
    Creating a redirect solves all the issues.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘icomoon.woff status of 403’ is closed to new replies.