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;

}

注意**：我在amazon webstore上这样做我也在本地html文件上试过这个但这也是做同样的事情......我做错了不行......

谢谢

Answer 1

尝试1：标准做法是始终在网址中使用http://。在您的代码中修复它，然后重试。

尝试2：我认为您正在对字体进行跨域请求，该字体被许多服务器故意阻止，以防止仅链接到字体的人，有效地窃取服务器带宽并可能违反字体的EULA。

因此，如果您可以访问存储字体的服务器，则可以编辑配置文件以允许字体的跨域请求（如果您已经测量了风险！）

尝试3：有些人报告称，从AWS提供的webfonts可能无法在Firefox和IE 9+中运行，因为AWS不支持Access-Control-Origin-Header。请参阅此question！

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

Answer 2

这个font-face工作正常：http://jsfiddle.net/xBmTG/

@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;  
}


body
{
    font-family: Oswald, sans-serif;
}

我认为问题在于CSS文件其余部分的选择器。

从外部网址添加font-face到我的网站是行不通的

2 个答案: