Fontawesome 图标未显示 bootstrap 类

Fontawesome Icons are not showing with bootstrap classes

我正在尝试使用 Fontawesome icons with 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>

我已经使用 CDN 集成了 fontawesome。

这是一个演示: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>