字体真棒:一些图标没有显示在手机上(iPhone iOS)

时间:2017-12-10 23:21:32

标签: html ios css iphone font-awesome-5

我已升级到新的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>

任何有字体真棒的familiair并知道如何解决这个问题? 注意:并非所有图标都不起作用。例如,信封方块图标可以正常工作。

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

提前致谢。

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

1 个答案:

答案 0 :(得分:1)

我自己找到了解决方案。

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