CODEWITHSUNDEEP
htmlcssfont-awesome
damien535
damien535

Reputation: 637

Font Awesome Icon not appearing

Having some difficulties with Font Awesome and was wondering if anyone could point me in the right direction? This is what I have

<head>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>
</head>

<body>
    <div class="sectionTitle">
      <div class="section colour1">
        <i class="fa fa-camera-retro fa-3x">Camera 3px</i>
      </div>
    </div>
</body>

When the page is then rendered however the camera icon is not appearing, although the Camera 3px text is. I'm sure I've overlooked something fundamental here. Any thoughts at all on this would be great.

Thanks

Upvotes: 0

Views: 501

Answers (2)

Andy
Andy

Reputation: 4778

Your code looks correct so I think the problem is elsewhere.

If you are viewing the page through file:// URI scheme, rather than http://, the link to the external CSS file will not work without specifying http:// explicitly in the link url, this has caught me out plenty of times. May be worth changing the link to:

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>

Upvotes: 0

Niek Vandael
Niek Vandael

Reputation: 394

It is loading here: 

<head>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"     rel="stylesheet"/>
</head>

<body>
    <div class="sectionTitle">
      <div class="section colour1">
        <i class="fa fa-camera-retro fa-3x">Camera 3px</i>
      </div>
    </div>
</body>

http://jsfiddle.net/CLVx4/

Guess you did it all correct.

Upvotes: 1

Related Questions