Stackpath CDN doesn’t work

Resolved pawel25
(@pawel25)

5 years ago

Hello. As title says, with WP Rocket stackpath working fine. Here only working when i choose Enable CDN on SSL, but with this option enabled my site look like a mess. Fontawesome Webfonts don’t show up at all. Can somebody help?

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

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Contributor Fred
(@fredawd)

5 years ago
Hi,
Probably there is some mistake in configuration. Maybe this article is helpfull regarding Swift and Stackpath CDN.

If you keep having issues with Webfonts, you might try to add these rules into your .htaccess file.
```
<IfModule mod_headers.c>
    <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>
```
- This reply was modified 5 years ago by Fred.
Dusan
(@dbokan)

5 years ago

Hi there Pawel,

My name is Dusan, I am tech support assistant at Stackpath.

I hope you don’t mind we took some proactive steps and checked your CDN configuration. One potential issue could be that your CDN configuration uses Cloudflare’s IP as its origin, so depending on security features you have enabled on Cloudflare, their firewall may be denying access from our IP ranges.

To make sure this won’t be happening, you can:
-Whitelist our IP blocks in their firewall (you can also allow our traffic based on AS numbers, AS54104 and AS64259)
-Change the Origin IP in our settings to your actual hosting server address. Keep in mind this won’t expose it anywhere, except in our Control panel.

For any additional assistance, feel free to reach out using the chat on our website, we have live support available 24×7.
Thread Starter pawel25
(@pawel25)

5 years ago
I have this errors

Access to font at ‘https://q3v9u6h3.stackpathcdn.com/wp-content/themes/knowhow/fonts/fontawesome-webfont.woff’ from origin https://rlsop.xyz has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header contains multiple values ‘*, *’, but only one is allowed.
(index):1 GET https://q3v9u6h3.stackpathcdn.com/wp-content/themes/knowhow/fonts/fontawesome-webfont.woff net::ERR_FAILED
(index):1 Access to XMLHttpRequest at ‘https://q3v9u6h3.stackpathcdn.com/wp-content/cache/swift-performance/rlsop.xyz/js/d5c318f5f348d8acfcce2b81dc97f1cc.js’ from origin https://rlsop.xyz has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header contains multiple values ‘*, *’, but only one is allowed.
(index):1 Access to font at ‘https://q3v9u6h3.stackpathcdn.com/wp-content/themes/knowhow/fonts/fontawesome-webfont.ttf’ from origin ‘https://rlsop.xyz’ has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header contains multiple values ‘*, *’, but only one is allowed.
(index):1 GET https://q3v9u6h3.stackpathcdn.com/wp-content/themes/knowhow/fonts/fontawesome-webfont.ttf net::ERR_FAILED
- This reply was modified 5 years ago by pawel25.
- This reply was modified 5 years ago by pawel25.
Thread Starter pawel25
(@pawel25)

5 years ago

ok. thank you for your replies, i already fixed it using this trick https://support.stackpath.com/hc/en-us/articles/360001377786-CORS-Headers-How-to-Fix-Missing-Fonts-and-Stylesheets

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Stackpath CDN doesn’t work’ is closed to new replies.