Question

我希望使用字体＆＃39; Bellota＆＃39;在我的网站上。我下载了字体（formats-＆gt; .otf，.woff，.woff2，.eot）并将其复制到名为＆＃39; font＆＃39;的文件夹中。我使用代码在样式表中调用了这个字体：

@font-face {
    font-family: 'bellota';
    src: url("fonts/Bellota-Regular.eot");
    src: url("fonts/Bellota-Regular.eot") format("embedded-opentype"), 
        url("fonts/Bellota-Regular.woff2") format("woff2"), 
        url("fonts/Bellota-Regular.woff") format("woff"), 
        url("fonts/Bellota-Regular.otf"); 
}

现在字体显示为chrome，但不显示在Firefox中。是否应该专门在firefox中使用它？

Answer 1

Firefox does not support the EOT file type因此使整个@ font-face被破坏。删除它，只将WOFF文件放在CSS中，它现在应该可以正常工作。

字体系列不适用于Firefox

1 个答案: