字体系列不适用于 Firefox

Question

我希望在 website.I 中使用字体 'Bellota' 下载字体（格式-> .otf、.woff、.woff2、.eot）并复制到名为 [=16 的文件夹=] 我在我的样式表中使用代码调用了这个字体：

@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

Font family not applying in firefox

font-face