Question

我在WordPress网站上使用Font-Awesome已根据this bit of 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

您可以看到此代码的输出here。

有没有人想过为什么这可能不起作用？我很确定没有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会自动为你设置这些，所以尝试将所有内容放在一行上，这样WordPress就不会尝试在代码中添加任何<br />元素：

<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>

WordPress中的字体 - 令人敬畏 - 图标堆叠不正确

1 个答案: