字體真棒圖標不工作

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>