CODEWITHSUNDEEP
csstwitter-bootstrapfont-awesome
Hidalgo
Hidalgo

Reputation: 941

Font-awesome do not work for me

I copied font-awesome.min.css into my /Content folder and have the following lines in the Head of the test page:

<link href="/content/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>  
<link href="/Content/font-awesome.min.css" rel="stylesheet" type="text/css"/>

Both CSS are loaded into the page (when using Developer tools Network). But none of the icons are shown on the test page. I tried the following:

<div class="btn-group">
  <a class="btn" href="#"><i class="icon-align-left"></i></a>
  <a class="btn" href="#"><i class="icon-align-center"></i></a>
  <a class="btn" href="#"><i class="icon-align-right"></i></a>
  <a class="btn" href="#"><i class="icon-align-justify"></i></a>
</div>

Or many others from the examples on Awesome Fonts site. But nothing works. What am I missing?

Upvotes: 0

Views: 1979

Answers (1)

Josh Rutherford
Josh Rutherford

Reputation: 2723

You need to have the .fa class on the <i> tag as well, for example: <i class="fa fa-bar-chart-o"></i>

Upvotes: 4

Related Questions