字体真棒:一些图标未在移动设备上显示(iPhone iOS)

Posted

技术标签:

【中文标题】字体真棒:一些图标未在移动设备上显示(iPhone iOS)【英文标题】:Font Awesome: Some icons not showing on mobile (iPhone iOS) 【发布时间】:2017-12-10 23:21:31 【问题描述】:

我已升级到新的 Font Awesome 5,因为在移动设备上显示某些图标(即 Twitter Square 和 Facebook Square)时遇到了一些问题。我希望通过升级来解决问题,但它没有。

我已经升级到 5 并且我已经尝试了很多,看看可能是什么问题。即使在 JSBin 上,图标也会出现在我的电脑上,但不会出现在我的移动设备上。我有一部运行 ios 11.2 的 iPhone。

这是我尝试测试并重现问题的 JSBin 链接。我认为问题出在 Font Awesome 源中,因为我想我无法进一步缩小范围......

https://jsbin.com/zeruxafimi/edit?html,output

这是来自 jsbin 的代码:

<html>
    <head>
        <title>Font Awesome Test</title>
        <link href="https://use.fontawesome.com/releases/v5.0.1/css/all.css" rel="stylesheet">
    </head>
    <body>
        <p>This is the icon: </p>
        <a href=''><i class="fab fa-twitter-square fa-3x"></i></a>
    </body>
</html>

任何熟悉 Font Awesome 并知道如何解决此问题的人? 注意:并非所有图标都不起作用。例如,信封方形图标可以正常工作。

<i class="fas fa-envelope-square fa-3x"></i>

提前致谢。

编辑:我已尝试将图标下载到我的服务器并直接链接它们以查看是否解决了问题,但不幸的是没有。

【问题讨论】:

【参考方案1】:

我自己找到了解决方案。

经过一番调查,我发现问题只发生在我自己的 iPhone 上。其他类似操作系统的手机没有这个问题。因此问题必须与我的设备有关。经过一番思考,我记得我在手机上使用了 Purify 作为 Safari 中的广告块。这是 Twitter 图标未出现的原因,因为它已被删除/停止显示在我的设备上。关闭Purify后,我的设备上出现了图标,问题就解决了!

【讨论】:

谢谢!谢谢!谢谢!我无法弄清楚我的 iPhone 出了什么问题。 Purify 有一个设置来阻止自定义字体。出于某种原因,我打开了这个。终于,在 iOS Safari 中随处可见的方块数月后,我终于可以再次看到图标了! 很高兴为您提供帮助! :)

以上是关于字体真棒:一些图标未在移动设备上显示(iPhone iOS)的主要内容,如果未能解决你的问题,请参考以下文章

字体真棒图标未在 Phonegap iOS 应用程序中呈现

在另一个图像上显示字体真棒图标

如何在css中设置字体真棒图标?

ng build 后,字体真棒字体未在 Angular 中加载

字体真棒图标在本地服务器上显示为空白方块

无法显示字体真棒图标?