字体真棒图标不连续工作答案

【问题标题】：Font Awesome icons not working in succession字体真棒图标不连续工作
【发布时间】：2021-01-12 19:03:51
【问题描述】：

我正在尝试使用 Stratford 主题向我的 wordpress 网站添加字体很棒的图标。当我将它们添加到页面中时，它在编辑器中看起来不错（见下文），但如果我预览或发布页面，它会使页面混乱很多。

Green FA icons and text exactly how I want it to appear, in the editor view

The same page but after I click "Preview" or publish it

我尝试联系 Wordpress 支持，他们告诉我联系 Font Awesome，FA 将我指向这里，但我找不到类似的问题

【问题讨论】：

如何应用图标？你用html标签<i class="fad fa-acorn"></i>吗？
是的，很抱歉我没有包含代码。这是：
网站和应用
你能把你的 html 和 css 添加到上面的问题中吗？您正在向跨度添加“has-inline-color”，但我看不到跨度的关闭位置。

标签： html wordpress font-awesome

【解决方案1】：

您没有关闭 <span> 标记。

任何非空元素都必须打开和关闭。

<p> <!--open p tag-->
<span style="color:#008000" class="has-inline-color"> <!--open span tag-->
<i class="fas fa-check"></i>
Websites &amp; Apps
</span> <!--close span tag-->
</p> <!--close p tag-->

【讨论】：

谢谢，我会仔细检查，但我有 95% 的把握我只是把代码复制错了。