问题描述
我有一个带有很棒的Font-Awesome图标的网站: : 。 如果从移动设备上看到它,一切正常,各种设备上都会显示图标。
但是,如果我从Facebook App (或Instagram App)在Samsung S6和Galaxy Tab E上看到我的网站,则不会显示图标。 在iPhone 6上可见。 因此看来问题只存在于Android设备上 。
在上使用Facebook应用程序尝试Android移动,然后单击我的网站链接(例如)。 看来FB或Instagram使用iframe来显示我的网站,并且图标“不可见”,但是如果单击它们(例如,在右侧的主导航菜单上有一个搜索图标),它们就可以工作。 因此,图标似乎在那里,但不可见。
有任何想法吗?
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协议加载外部字体超赞的CSS。
2楼
//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
是正确的解决方案。 请参考