html - Font Awesome 'fa-life-ring' 不显示

Question

问题

fa-life-ring 拒绝在以下代码中显示。我试过删除 fa-5x，删除 text-align: center; 但没有任何帮助。我还尝试了另一个图标，然后就可以了。

代码

  <div class="row">
    <div class="col-sm-4" style="text-align: center;">
      <i class="fa fa-file-text fa-5x"></i>
      <h3>Quotes</h6>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper ipsum ut commodo tristique.</p>
      <a href="#" class="btn btn-default">Quotes</a>
    </div>

    <div class="col-sm-4" style="text-align: center;">
      <i class="fa fa-life-ring fa-5x"></i>
      <h3>Support</h6>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper ipsum ut commodo tristique.</p>
      <a href="#" class="btn btn-default">Support</a>
    </div>
  </div>

截图

编辑

使用另一个图标它工作正常。

Answer 1

问题很可能与您使用的 Font Awesome 版本有关。您需要使用最新版本，即 4.1.0。如果您使用的是旧版本，则该图标尚未添加。这是一个显示它与最新版本一起工作的 fiddle 。

fiddle :http://jsfiddle.net/mcfarljw/5Ecgq/

您可以使用以下 CDN 测试最新版本:

//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css