@ font-face适用于Chrome和Safari，但不适用于Firefox

Question

Chrome和Safari正在正确显示（本地）字体，但Firefox不是。 我从Fontsquirl获得的代码在代码中添加了'标记，我已经将其删除了，但它仍然无效：

原始代码：

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

我将其改为：

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

字体加载在与样式表相同的文件夹中。

这是有关导航的样式表的一部分：

#navigation .sf-menu a {
display: inline;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: #008abf; 
border-radius: 2px;
padding: 0 5px;
height: 26px;
line-height: 26px;
font-weight: normal;
letter-spacing: 1px;
font-family: frutigerboldcn;

我该如何解决这个问题？ Thanx提前

Answer 1

将以下内容放入.htaccess中，一切都会好的，至少在现代FF版本上是这样。

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

到这里查看Stack Overflow的完整讨论： CSS @font-face not working with Firefox, but working with Chrome and IE

Answer 2

@font-face {
    font-family: 'ArialRounded';
    src: url('ArialRounded.eot');
    src: local('ArialRounded'), url('fonts/ArialRounded.eot'); /* for firefox */
    }

@font-face {
    font-family: 'ArialRounded';
    src: url('ArialRounded.woff') format('woff'),
    src: local('ArialRounded'), url('fonts/ArialRounded.woff'); /* for firefox */
    url('ArialRounded.svg#ArialRounded') format('svg');
    src: local('ArialRounded'), url('fonts/ArialRounded.svg'); /* for firefox */
    }