字体真棒图标不工作

Question

我想添加一个字体真棒图标在我的删除&设置链接按钮，但它不工作。有人可以告诉我什么是缺少的？

HTML代码：

<div class="jumbotron"> 
    <p> 
     <a class="btn btn-danger" href="#"> 
      <i class="fa fa-trash-o fa-lg"></i> Delete 
     </a> 
     <a class="btn btn-default btn-sm" href="#"> 
      <i class="fa fa-cog"></i> Settings 
     </a>   
    </p> 
    </div> 

添加了这些CSS：

1）bootstrap.min.css 2）字体awesome.min.css

另外，请参阅fiddle这里。

Answer 1

这是网站网址3.2.1中的一个错误，在4.0.3中修复。替换http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css

链接外部链接（在HTML中，这将是<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">）

Check this Fiddle

Answer 2

我有同样的问题，因为你和我跟着液从Wobuffet，但它不是加工。

我加title =""的元素，并将其固定我的问题：

<i class="fa fa-pencil" title="Edit"></i> 

Answer 3

在我来说，我还没有添加字体到项目中。我在开发人员控制台中发现一个错误，并将字体添加到Font Awesome（font-awesome.min.css）正在查找的位置。

Answer 4

尝试用这个..

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
    
 
<div class="jumbotron"> 
 
    <p> 
 
     <a class="btn btn-danger" href="#"> 
 
      <i class="fa fa-trash-o fa-lg"></i> Delete 
 
     </a> 
 
     <br> 
 
     <a class="btn btn-default btn-sm" href="#"> 
 
      <i class="fa fa-cog"></i> Settings 
 
     </a>   
 
    </p> 
 
    </div>