2 
@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 文件上尝试过，但这做同样的事情......不工作我做错了什么......

谢谢

4

2 回答 2

1

这个字体工作得很好：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 文件的其余部分中的选择器。

于 2012-12-21T06:50:34.260 回答
1

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

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

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

尝试 3：有人报告说，从 AWS 提供 webfonts 可能无法在 Firefox 和 IE 9+ 中工作，因为 AWS 不支持 Access-Control-Origin-Header。参考这个问题！

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

于 2012-12-21T06:55:52.317 回答