我已经升级到新的 Font Awesome 5,因为我在移动设备上显示一些图标(即 Twitter Square 和 Facebook Square)时遇到了一些问题。我希望通过升级来解决问题,但它没有。
我已经升级到 5,我已经尝试了很多,看看可能是什么问题。即使在 JSBin 上,该图标也会出现在我的计算机上,但不会出现在我的移动设备上。我有一部运行 iOS 11.2 的 iPhone。
这是我尝试对其进行测试并重现问题的 JSBin 链接。我认为问题出在 Font Awesome 源中,因为我想我无法进一步缩小范围......
https://jsbin.com/zeruxafimi/edit?html,输出
这是来自 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>
提前致谢。
编辑:我试图将图标下载到我的服务器并直接链接它们以查看是否解决了问题,但不幸的是没有。