HTML：fontawesome 图标出现两次

Question

我正在尝试使用 HTML5 和 FontAwesome 制作一个网页。我的问题是：如果我包含一个 FontAwesome 图标，它会出现两次，并且两个副本都堆积在一起（参见此处：图片）

我更改了一些 fontawesome.css，但在认识到问题后，我再次从下载中复制文件以重置所有更改：问题仍然存在。所以我的 .css 部分说：

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

我将其添加到标题中

<h3><i class="icon-star-empty"></i>&nbsp;Angebote</h3>

不幸的是我并没有真正看到问题所在。

我尝试删除.css中的“：before”（它到底有什么作用？），玩“显示：”，添加“垂直对齐”，因为星星在天空中有点高......没有任何帮助。

有人经历过类似的事情吗？该问题出现在 Firefox、Opera 和 IE 上。

最好的问候，安娜

Answer 1

如果您忘记正确关闭标签，您可能会得到类似的行为<i>我有多个图标

<i class="fa fa-user-circle">

代替

<i class="fa fa-user-circle"></i>