为什么我的两个菜单 "Font Awesome" 图标突然显示为正方形？

Question

请看：

https://www.publictalksoftware.co.uk

我看到了其他问题。我不明白为什么突然间我的一些很棒的字体图标现在显示为正方形，而以前不是这样。

捐款
脸书

代码正确：

<li id="menu-item-1010" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1010">
    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/publictalksoftware"> 
        <i class="_mi _before fa fa-facebook-square" aria-hidden="true"></i>
        <span>Facebook</span>
    </a>
</li>

它在菜单编辑器中仍然可见：

他们一直都很好。我了解到 Menu Icons by ThemeIsle 使用的图标集是 Font Awesome 4.7.

在我的 iPad 上，这两个图标不再显示了。

Answer 1

您需要将“fa”的class更改为“fab”。请参阅下面的示例

之前

<i class="_mi _before fa fa-facebook-square" aria-hidden="true"></i>

使用后class“fab”而不是“fa”

<i class="_mi _before fab fa-facebook-square" aria-hidden="true"></i>

Answer 2

我查看了他们的网站 fab 而不是 fa！ https://fontawesome.com/icons/facebook-square?style=brands

<i class="fab fa-facebook-square"></i>
this
<i class="_mi _before fab fa-facebook-square" aria-hidden="true"></i>

为什么我的两个菜单 "Font Awesome" 图标突然显示为正方形？

Why are two of my menu "Font Awesome" icons suddenly showing as squares?

css

wordpress

plugins

menu

font-awesome