Css @字体库在firefox中突然消亡

Css @字体库在firefox中突然消亡,css,firefox,font-face,Css,Firefox,Font Face,下面的CSS已经工作了一周左右,我跳过了GIT repo,查看它在哪里中断,并且似乎在所有提交中都中断了(这让我相信我没有做错任何事情) 仍然在Chrome中工作 @font-face { font-family: 'Blackout2AM'; src: url('../fonts/Blackout-fontfacekit/Blackout-2am-webfont.eot'); src: url('../fonts/Blackout-fontfacekit/Blackou

下面的CSS已经工作了一周左右,我跳过了GIT repo,查看它在哪里中断,并且似乎在所有提交中都中断了(这让我相信我没有做错任何事情)

仍然在Chrome中工作

@font-face {
    font-family: 'Blackout2AM';
    src: url('../fonts/Blackout-fontfacekit/Blackout-2am-webfont.eot');
    src: url('../fonts/Blackout-fontfacekit/Blackout-2am-webfont.eot?iefix') format('eot'),
         url('../fonts/Blackout-fontfacekit/Blackout-2am-webfont.woff') format('woff'),
         url('../fonts/Blackout-fontfacekit/Blackout-2am-webfont.ttf') format('truetype'),
         url('../fonts/Blackout-fontfacekit/Blackout-2am-webfont.svg#webfontXyt5a0LX') format('svg');
    font-weight: normal;
    font-style: normal;

}

.sidebar h2, .sidebar h3 a, #footer .menu a, .switcher li a, .dateLinks a{
    font-family: 'Blackout2AM';

}

我下载了你正在使用的字体,可以(有点)重现这个问题

如果您定义了两次
@font-face
,一个URL损坏,一个URL正确,Firefox4和Safari5根本不显示字体,但Chrome12和Firefox3可以

由于Firefox4和Opera11仅在正确的规则是最后一条规则时才会显示字体,因此正确的韵文顺序也很重要。如果URL被破坏,Safari5将根本不显示字体,无论顺序如何


编辑:啊,如果它在Firefox 3中也坏了,它可能是

将其放入
.htaccess

<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

标题集访问控制允许原点“*”

字体是否存在?Firebug对加载的内容有何评论?是Firefox4吗?如果是这样的话,你可能想回到3.6.16,看看这是怎么回事。我怎么知道它是否真的在获取文件呢?我已经在Firefox4上呆了几个星期了,没有问题!!刚刚加载到3.6.16,同样的问题。一个来自另一个问题的.htaccess黑客修复了它->查看评论。哦,那个问题!尽管如此,这对我来说还是一个有趣的调查,如果只是强调浏览器处理无效URL的方式非常不同的话。