字体真棒社交图标未显示答案

【问题标题】：Font Awesome social icons not showing up字体真棒社交图标未显示
【发布时间】：2015-10-21 01:44:40
【问题描述】：

Font Awesome 社交图标在 IE、Chrome 和 Firefox 中不显示，幸运的是它在 Safari 中运行良好，以前有人遇到过这样的问题吗？

下面是我的 CSS，我不想用 CDN。

@font-face {
   font-family: 'FontAwesome';
   src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal;
}

【问题讨论】：

使用
如果存在 access-control-allow-origin 问题，safari 如何单独显示社交图标？？？

标签： css font-awesome

【解决方案1】：

检查开发控制台，看看它是否返回错误。即使您在本地运行，也可能是权限问题。

还可以尝试更新到最新版本 4.4.0。 4.2.0 可能存在问题。

【讨论】：

控制台错误：来自“demandware.edgesuite.net”的字体已被跨域资源共享策略阻止加载：请求的资源上不存在“Access-Control-Allow-Origin”标头.因此不允许访问 Origin 'wen.com'。
啊，所以问题是您正在尝试访问一个限制了谁可以访问它的资源。 'demandware.edgesuite.net' 不会让你加载它，因为你是从 'demandware.edgesuite.net' 以外的地方访问它更多阅读：stackoverflow.com/questions/10636611/…
如果是访问控制允许来源问题，那么 safari 如何显示社交图标
我相信收听access-control-allow-origin的取决于浏览器。所以有些浏览器可能会忽略它。