2014-10-17 156 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