android - Android 上的 Facebook 或 Instagram 应用程序未显示 Font-Awesome

Question

我有一个网站，上面有很棒的 Font-Awesome 图标:http://www.lefrasi.it/ .如果您从移动设备上看到它，一切正常，各种设备上都会显示图标。

但是如果我在 Samsung S6 和 Galaxy Tab E 上从 Facebook 应用程序(或 Instagram 应用程序)看到我的网站，图标不会显示。在 iPhone 6 上它们是可见的。所以看来问题只出现在 Android 设备上。

使用来自 https://www.facebook.com/lefrasiit-frasi-belle-aforismi-e-citazioni-1020903941368734/ 的 Facebook 应用程序在 Android 手机上试用然后单击我的网站链接(例如)。似乎 FB 或 Instagram 使用 iframe 来显示我的网站，并且图标是“不可见的”，但是如果您单击它们(例如在右侧的主导航菜单上有一个搜索图标)，它们就会起作用。所以看起来图标在那里，但却是不可见的。

有什么想法吗？

Answer 1

我找到了一个可能的解决方案。问题似乎是包括来自 maxcdn 的 font-awesome 的外部 css。

我用过:https//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

从我的主题文件夹中包含并加载它，似乎可以解决问题。

我还尝试使用“//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css”(不带“https”)从外部加载，它也能正常工作。

所以问题可能是使用 https 协议(protocol)加载外部字体超棒的 css。