平板电脑上没有 unicoded Font-Awesome 图标（ios 和 android）答案

【问题标题】：No unicoded Font-Awesome Icon on Tablet ( ios & android )平板电脑上没有 unicoded Font-Awesome 图标（ios 和 android）
【发布时间】：2018-04-07 04:59:45
【问题描述】：

我定义了一个 css 类，它将带有“:before”的字体很棒的图标添加到 li 元素。我在文本编辑器中使用这个类来设置样式列表。到目前为止一切顺利 - 在桌面（在几个浏览器中）这会很好，但是 ios 和 andriod 设备它只显示一个正方形。其他实现的 Font-Awesome——标签在所有设备上都可以正常工作。有人知道我做错了什么吗？

非常感谢！

【问题讨论】：

你能提供吗？一个小提琴，以便我们可以在 iOS 设备上查看？
你可以在这里看到它smartproject.de/erster-schritt

标签： android ios css font-awesome

【解决方案1】：

您网站上的 .CSS 表明您使用的是 FontAwesome 5。对于 FA5，您应该使用“fas fa-phone”之类的标签，但您使用了用于 FA4 的“fa fa-phone”。理论到此为止。为什么它在 PC 上正确显示而不在 iOS 上显示令人费解，但我已经验证 phone-icon 在使用修改后的标签时在 iOS 上正确显示。

【讨论】：

【解决方案2】：

谢谢，MBaas...但在这种情况下我没有使用这些类。我在像

这样的 CSS 规则中使用它

li::before {
   font-family: FontAwesome;
   content: "\f00c";
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   margin-right: 0.5em;
   color: #355eab;
   }

【讨论】：