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 and can’t find what I’m doing wrong.

Here is my pen for the Wikipedia viewer project. . 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 ‘…50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff’ from origin ‘’ has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header has a value ‘’ that is not equal to the supplied origin. Origin ‘’ is therefore not allowed access. 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


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