Question

下面的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';

}

Answer 1

将其放在.htaccess

中

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

Answer 2

我下载了您正在使用的字体，可以（有点）重现问题。

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

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

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

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

2 个答案: