Font Face无法在Firefox或IE中使用

时间:2012-06-03 13:37:34

标签: html css html5 font-face

我真的不知道发生了什么。

我正在使用Font Squirrel的@Font Face Packs,而且它不能用于 Firefox IE ,但它在 Chrome 中完美运行在 Android的浏览器中,我还没有尝试过Safari。这些包应该无缝地工作,这是它们的全部要点,但事实并非如此。

所以这是我的代码

<link rel="stylesheet" href="https://dl.dropbox.com/u/70582811/Fonts/Orotund-fontfacekit/Orotund.css" type="text/css"/>

p{
font-family: OrotundHeavy,Georgia,Serif;
}

这仅影响Chrome中的字体, 你可以在这里看到它

提前致谢。

@font-face {
    font-family: 'OrotundHeavy';
    src: url('Orotund-webfont.eot');
    src: url('Orotund-webfont.eot?#iefix') format('embedded-opentype'),
         url('Orotund-webfont.woff') format('woff'),
         url('Orotund-webfont.ttf') format('truetype'),
         url('Orotund-webfont.svg#OrotundHeavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrotundCapitalsHeavy';
    src: url('OrotundCaps-webfont.eot');
    src: url('OrotundCaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('OrotundCaps-webfont.woff') format('woff'),
         url('OrotundCaps-webfont.ttf') format('truetype'),
         url('OrotundCaps-webfont.svg#OrotundCapitalsHeavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

1 个答案:

答案 0 :(得分:0)

同样在这里(404)通过直接访问。

您是否注意到Firefox中出现的错误?

时间戳:12/06/03 14:42:19 错误:可下载的字体:下载失败(font-family:“Open Sans”样式:正常权重:正常拉伸:正常src索引:2):错误的URI或不允许跨站点访问 来源:https://www.dropbox.com/static/fonts/opensans/OpenSans-Regular-webfont.ttf 源文件:https://www.dropbox.com/static/css/main.css 行:0 源代码: @ font-face {font-family:“Open Sans”; font-style:normal; font-weight:400; src:url(“/ static / fonts / opensans / OpenSans-Regular-webfont.eot?#iefix”)格式(“embedded-opentype”),url(“/ static / fonts / opensans / OpenSans-Regular-webfont.woff “)format(”woff“),url(”/ static / fonts / opensans / OpenSans-Regular-webfont.ttf“)格式(”truetype“),url(”/ static / fonts / opensans / OpenSans-Regular-webfont .svg#OpenSansRegular“)format(”svg“); }