Font Awesome Not Working

Font Awesome Not Working
0

#1

Hi there,

I’ve been stuck for ages on the Portfolio challenge trying to get Font Awesome to icons to display. Nothing I do seems to work. I have tried:

  • Adding the CDN that Font Awesome emailed me to the head section in the HTML
  • Adding the CDN to the CSS External Stylesheet Section
  • Adding various versions of the Bootstrap Font Awesome CDN to the CSS External Stylesheet Section
  • Adding the CDN to the JS resources section

I’d be really grateful if someone could help me with this. I have no idea what to do anymore.:sob:

Here’s the link to my pen - [https://codepen.io/HappyCamper20/pen/rpMrao?editors=1100]


#2

You need to prepend your font-awesome classes with fa, e.g:

<i class="fa fa-twitter"></i>

#3

Thank you!!! I’m crying and laughing at the same time right now. :joy:

It’s funny how I jumped straight to the complicated solutions, when it turns out the answer was that simple.

Thanks again. :smiley: