Javascript 字体仅在手机上显示

我安装了很棒的字体，一切都做对了……我想

在我的ipad和iphone上，我看到所有的图标都在显示，但在我的FF、Chrome和IE桌面上，除了图标应该显示的方框外，什么都没有显示

你知道这是什么原因吗

我已加载并链接了所有文件

<link rel='stylesheet' id='fontawesome-css'  href='/assets/fonts/fontawesome/font-awesome.css?ver=3.9.3' type='text/css' media='all' />

我在我的HTML中这样显示

<div class="alignleft"><i class="fa fontawesome-icon fa-refresh circle-no icons" style="font-size:48px;margin-right:24px;color:#1a7bfe;"></i></div>

---

您存在跨源资源策略冲突，您可以在访问页面时通过检查浏览器控制台来查看：

跨源资源共享策略已阻止加载来自源“”的字体：请求的资源上不存在“访问控制允许源”标题。因此，不允许访问源“”

因此，您的字体根本无法加载。 不知道为什么在你的手机测试中没有发生这种情况

---

作为一般规则，如果您在网站上有令人惊讶的行为，请检查您的控制台。

在控制台中：“来源字体”已被跨来源资源共享策略阻止加载：请求的资源上不存在“访问控制允许来源”标题。“废话，谢谢，我甚至没想到在这个新服务器上打开CORS！