@ font-face字体堆栈在firefox中突然死亡

时间:2011-04-20 14:50:11

标签: css firefox font-face

下面的CSS已经工作了一个星期左右,我已经跳过了GIT回购,看看它在哪里破了,似乎在所有提交中都被打破了(让我相信我还没有完成)什么都不对。)

仍可在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';

}

2 个答案:

答案 0 :(得分:1)

将其放在.htaccess

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

答案 1 :(得分:0)

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

如果您定义@font-face两次,一个网址有问题,一个网址正确,则Firefox4和Safari5根本不显示字体,但Chrome12和Firefox3都可以。

正确经文已损坏 @font-face规则的顺序也很重要,因为Firefox4和Opera11只会在更正时显示字体规则是最后一个。如果网址损坏,Safari5将不会显示字体,无论订单如何。

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