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

标签 css wordpress plugins menu font-awesome

请看:

https://www.publictalksoftware.co.uk

enter image description here

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

  • 捐款
  • Facebook

代码正确:

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

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

enter image description here

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

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

最佳答案

您需要将“fa”的类更改为“fab”。看下面的例子

之前

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

使用类“fab”代替“fa

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

关于css - 为什么我的两个菜单 "Font Awesome"图标突然显示为正方形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59245929/

相关文章:

html - 为什么我的引导下拉菜单占据了网站的整个宽度,即使它很小

css - 调整浏览器窗口大小时,导航不包含在父 div 中

CSS:Internet Explorer 支持重复线性渐变吗?

css - 修复我的 CSS : How to get the lists and titles to work?

javascript - 在重定向到 WordPress 页面之前使用 JavaScript 测试它是否存在

php - 指示 Google+ 它应该选择什么图片

xml - Eclipse XML 格式化程序

node.js - 如何访问 WordPress 身份验证 token

javascript - 无法在回调时配置选项(jQuery 插件)

css - 将自定义 CSS 添加到新的 Moodle 作业中