Fontawesome Icons не отображаются с помощью классов начальной загрузки

Question

Я пытаюсь использовать Fontawesome иконки с boostrap. Я хочу показать некоторые иконки в конце jumbotron. Но они не появляются.

Вот код, я использую:

<div class="jumbotron"> 
     <h1>Muhammad Arslan Aslam</h1> 
     <h4>Front-End Web Designer, and Junior Blogger. <a class="btn btn-info btn-xs" herf="about.html">Know More</a></h4> 
     Join Me: 
     <a href="http://facebook.com"><i class="fa fa-facebook-square-2x">&nbsp;</i></a> 
    </div> 

Я интегрованный fontawesome с помощью CDN.

Answer 1

Вот демо: http://jsfiddle.net/0qftoLp7/1/

Вместо facebook-square-2x, это facebook-square fa-2x

HTML

<div class="jumbotron"> 
     <h1>Muhammad Arslan Aslam</h1> 
     <h4>Front-End Web Designer, and Junior Blogger. <a class="btn btn-info btn-xs" herf="about.html">Know More</a></h4> 
     Join Me: 
     <a href="http://facebook.com"><i class="fa fa-facebook-square fa-2x"></i></a> 
    </div>