【问题标题】:Unable to render font awesome icons无法呈现字体真棒图标
【发布时间】:2014-12-12 16:39:08
【问题描述】:

我正在使用以下代码来渲染字体很棒的图标

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> 这会导致 - 结果见下图:

但是当我将其更改为 <p><i class="fa-square-o"></i> fa-gear</p> 时,当我使用fa-square-o 类时,我看不到正确的结果。请看这张图片

需要做什么来解决这个问题?

【问题讨论】:

  • 你需要为每个图标添加'fa'类,如果它仍然没有显示,可能是这个版本的字体真棒中没有图标。

标签: css font-awesome font-awesome-4 font-awesome-3.2


【解决方案1】:

您还需要添加fa 类:

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

【讨论】:

  • 谢谢。这行得通。有什么办法可以将背面颜色改为蓝色而不是黑色
  • 我会直接在内联样式上添加这个:&lt;i class="fa fa-square-o" style="color:#00f;"&gt;&lt;/i&gt; 只要得到你想要的正确的蓝色并改变它。
猜你喜欢
  • 2021-07-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-07
  • 2018-10-08
  • 2016-09-06
  • 1970-01-01
  • 2021-12-13
相关资源
最近更新 更多