html - 从外部网址向我的网站添加字体无效

Question

@font-face {
  font-family: 'Oswald';
                src: url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.eot');
                src: url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.eot?#iefix') format('embedded-opentype'),
                         url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.woff') format('woff'),
                         url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.ttf') format('truetype'),
                         url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.svg#oswaldregularwebfont') format('svg');
                font-weight: normal;
                font-style: normal;

}

注意**:我在亚马逊网上商店上这样做，我也在本地 html 文件上尝试过但这做同样的事情......我做错了什么没有工作..

谢谢

Answer 1

尝试 1:标准做法是始终在 url 中使用 http://。在您的代码中修复该问题，然后重试。

尝试 2:我认为您正在对被许多服务器故意阻止的字体发出跨域请求，作为一种保护措施，防止有人只是链接到字体，有效地窃取服务器带宽并可能违反字体的 EULA。

因此，如果您可以访问存储字体的服务器，您可以编辑配置文件以允许跨域请求字体，如果您已经衡量过风险的话!

尝试 3:有些人报告说，从 AWS 提供的网络字体可能无法在 Firefox 和 IE 9+ 中运行，因为 AWS 不支持 Access-Control-Origin-Header。引用这个question !

因此，您必须将字体托管在支持网络字体跨域访问的服务器上。