WordPress中的Font-Awesome-图标无法正确堆叠

Question

我正在WordPress网站中使用Font-Awesome，根据php的这一点，我的functions.php文件中包含Font-Awesome CDN 。

我可以将图标插入我的网站，但根据此示例代码无法获取要堆叠的图标：

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>
fa-twitter on fa-square-o

您可以在此处查看此代码的输出。

是否有人对为什么这可能不起作用有任何想法？我很确定没有CSS类冲突...

---

Answer 1

在页面上查看源代码：

<span class="fa-stack fa-lg"><br />
  <i class="fa fa-square-o fa-stack-2x"></i><br />
  <i class="fa fa-twitter fa-stack-1x"></i><br />
</span>

这些<br />元素打破了Font Awesome的CSS。我认为WordPress会自动为您添加这些<br />元素，因此请尝试将所有内容放在一行上，以便WordPress不会尝试在代码中添加任何元素：

<span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x"></i></span>