Font awesome library no longer working in projects SOLVED

If you remember some of the earlier challenges of the front end course, we were introduced to a library called font awesome which gives us access to loads of different icons (facebook, twitter logos and so on). I really like this library and have made use of it in most of my projects. I recently revisited these projects on codepen and found that many of the logos don’t show.

I have looked at the documentation on http://fontawesome.io/get-started/ and can’t find what I’m doing wrong.

Here is my pen for the Wikipedia viewer project. https://codepen.io/JoshFilippi/pen/oYKmoz . The square double border should have the wikipedia ‘W’ logo in I don’e see it when viewing it on my laptop.

Has anyone else had this problem?

It shows up very nicely on mine

Thank you.

I get this warning in my browser devtools console:

Access to Font at ‘https://production-assets.codepen.io/assets/telefon/bold/af889c53-1ee3-4868…50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff’ from origin ‘https://codepen.io’ has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header has a value ‘http://codepen.io’ that is not equal to the supplied origin. Origin ‘https://codepen.io’ is therefore not allowed access.
https://use.fontawesome.com/7b06f4a32b.js Failed to load resource: net::ERR_NAME_NOT_RESOLVED

I’m not sure what this means exactly… Do you know how to fix this or explain to me? @ejuor

Thanks

Did you ever find a solution to this problem? I’m running into the same thing