Fontawesome样式不应用

问题描述：

我有问题，我想获得相同的结果的例子（Fontawesom）https://fortawesome.github.io/Font-Awesome/examples/Fontawesome样式不应用

我想要实现

固定宽度图标

我已经在我的文件夹中下载了FontAwesome软件包并添加了头部链接我也尝试过CDN，但结果相同。显示图标，但不会像示例中那样应用样式。

这里是我的结果

<link rel="stylesheet" href="css/font-awesome.min.css">

，并列出

<div class="list-group"> 
      <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a> 
      <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a> 
      <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a> 
      <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Settings</a> 
     </div>

请帮帮忙，我在做什么错？

请在问题中包含一个完整的但最小限度的repro。 – Jeroen

是的一些代码请 –

请看我的更新 – fheoosghalzr

答

样式不一样，因为您在anchor标记中具有fontawesoms图标，所以图标会继承锚点样式。只要覆盖这些样式，如：

.list-group-item{ 
    color: #000; /* black */ 
    text-decoration: none; /* remove the underline */ 
    display: block; /* to make the anchors take full width */ 
}

答

那么要实现这一点，你必须相应地更新你的CSS。按照您的要求更改字体的颜色和大小。

Fontawesome样式不应用

相关推荐