为什么@ font-face在Firefox中不起作用

时间:2014-07-17 18:10:02

标签: html css firefox fonts media-queries

这适用于OS X中的Chrome和Safari,但不适用于Firefox。我把这段代码放在我的CSS文档中:

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('HelveticaNeue-Light.eot?') format('embedded-opentype'), 
         url('HelveticaNeue-Light.woff') format('woff'), 
         url('HelveticaNeue-Light.ttf')  format('truetype'),
         url('HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
}

h1 {
    color: #000;
    font: 2.7em/120% 'HelveticaNeue-Light';
}

h2 {
    color: #000;
    font: 2.2em/120% 'HelveticaNeue-Light';
}

与HelveticaNeue-Light.eot,HelveticaNeue-Light.woff,HelveticaNeue-Light.ttf和HelveticaNeue-Light.svg一起在同一个目录中。它不起作用。

该字体最初来自.dfont文件,我将其拆分为单独的ttf文件,然后我将Helvetica Neue Light转换为其中一个webkit字体转换器中的svg,eot和woff文件。可能是Firefox严格要求那些东西吗?

0 个答案:

没有答案