仅在移动设备上显示的字体真棒[重复]
Posted
技术标签:
【中文标题】仅在移动设备上显示的字体真棒[重复]【英文标题】：Font Awesome only displaying on mobile [duplicate] 【发布时间】：2016-05-18 10:29:06 【问题描述】：我安装了很棒的字体，一切都做对了……我想。
在我的 ipad 和 iphone 上，我看到所有图标都在显示，但在我的 FF、Chrome 和 IE 桌面上，除了应该显示图标的框之外什么都没有显示
http://www25.myfantasyleague.com/2015/home/61094?MODULE=MESSAGE14
有什么可能导致这种情况的想法吗？
我已经加载并链接了所有文件
<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>
【问题讨论】：
在控制台中：“来自 'leaguedraftfantasysports.com' 的字体已被跨域资源共享策略阻止加载：请求中不存在 'Access-Control-Allow-Origin' 标头资源。” 【参考方案1】：您存在跨域资源策略冲突，您可以在访问页面时通过查看浏览器控制台查看：
来自“http://leaguedraftfantasysports.com”的字体已被跨域资源共享策略阻止加载：请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://www25.myfantasyleague.com' 因此不允许访问。
因此，您的字体根本没有加载。 不知道为什么在您的移动测试期间没有发生这种情况。
作为一般规则，如果您在网站上出现异常行为，请检查您的控制台。
【讨论】：
废话，谢谢，我什至没有想过要在这个新服务器上打开 CORS！以上是关于仅在移动设备上显示的字体真棒[重复]的主要内容，如果未能解决你的问题，请参考以下文章