Search code examples
cssstylesheetcodepen

Using font awesome in codepen

I'm trying to add the styles sheet for font-awesome into a Codepen but seem to be getting nowhere, can anybody help please.

Codepen (https://codepen.io/kellett/pen/YreKaW)

Below is the styles sheet I've inserted in the top of HTML page.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
Solution

  • It's working, you just are using the wrong font-awesome class.

    Line 19 should be <span class="fa fa-search"></span>.

    See this updated CodePen

    Note: You can also add CDNs in the CodePen settings so you don't have to include it inline in your html.