Google Developer Tools Errors

msampson10 commented 5 years ago

Describe the problem

Icons/fonts are not displaying on any of my domains with which I have the Font Awesome Pro CDN linked. Attached is a screenshot from the Chrome DevTools error report. Says something about "access to stylesheet...has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

What version and implementation are you using?

Version: 5.8.2 and 5.8.1 Browser and version: Newest Chrome

[ ] SVG with JS
[x] Web Fonts with CSS
[ ] SVG Sprites
[ ] On the Desktop

Reproducible test case

https://www.collinsdevelopmentgroup.com/

Here's the html CDN link I'm using:

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-xVVam1KS4+Qt2OrFa+VdRUoXygyKIuNWUUUBZYv+n27STsJ7oDOHJgfF0bNKLMJF" crossorigin="anonymous" />

Bug report checklist

[x] I have filled out as much of the above information as I can
[ ] I have included a test case because my odds go way up that the team can fix this when I do
[x] I have searched for existing issues and to the best of my knowledge this is not a duplicate

DevTools Screenshot

Capture1

tagliala commented 5 years ago

Hi!

Thanks for being part of the Font Awesome Community.

Can't replicate on my side

dwheeldo commented 5 years ago

I couldn't reproduce that either, but I've had issues with similar errors before when making API requests (though never when trying to access a CDN). It may be worth installing the "Allow-Control-Allow-Origin" Chrome extension - https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

FortAwesome / Font-Awesome