2014-10-17 221 views
0

我使用下面的代碼來呈現字體真棒圖標無法渲染字體真棒圖標

的Index.html:<link rel="stylesheet" href="/bower/fontawesome/css/font-awesome.min.css">

在頁面:<p><i class="fa fa-gear fa-5x"></i> fa-gear</p>這導致 - 見下面的效果圖:

enter image description here

但是,當我改變它到<p><i class="fa-square-o"></i> fa-gear</p>當我使用fa-square-o類我看不出正確的結果。看到這個圖像

需要採取哪些措施來解決這個問題?

enter image description here

+0

您需要將「FA」類添加到每一個圖標,如果它仍然沒有顯示,可能是圖標WASN」目前在這個版本的字體真棒。 – 2014-10-17 06:38:08

回答

0

您需要添加fa類也:

<i class="fa fa-square-o"></i> 
+0

謝謝。這工作。有沒有辦法將背景顏色改爲藍色而不是黑色 – SharpCoder 2014-10-17 06:38:39

+0

我會直接在內聯樣式上添加以下內容: '' 只需得到你想要的正確的藍色並改變它。 – 2014-10-17 06:40:06