Question

我在外部样式表中使用@font-face但是当我在服务器上打开页面时，只有文本需要很长时间才能呈现。为什么会这样？

代码

@font-face{
    font-family: koblenz;
    src: url(../font/koblenz.ttf);
}
@font-face {
 font-family: koblenz;
 src: url(../font/koblenz.eot);
}
@font-face {
 font-family: koblenz;
 src: url(../font/koblenz.eot?#iefix);
}
@font-face {
 font-family: koblenz;
 src: url(../font/koblenz.woff);
}

...
font-family: "koblenz", Arial, Helvetica, sans-serif;

还有一个问题：
IE 8 +，Chrome和Safari使用koblenz加载文本，但Firefox不加载{{1}}。为什么呢？

Answer 1

可能是因为您使用font-face这么多次。尝试这样的事情：

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

}

为什么外部字体（@ font-face）需要花费太多时间才能加载到网页中？

1 个答案: