Firefox字体面嵌入不起作用

我有一个网站，我已经实现了自定义字体。在google chrome和internet explorer中，字体正确显示。当我检查firefox时，新的字体系列甚至还没有被应用。这就是我所拥有的：

@font-face{
font-family: Bebas Neue;
src: url('fonts/BebasNeue.otf');
}

---

我尝试在它之后添加格式，但没有解决它。有什么建议说明为什么.otf不会显示，为什么.ttf和.eot可以在各自的浏览器中工作？

您是否尝试过在Firefox中使用ttf格式而不是otf格式？有时，Firefox还需要WOFF字体格式来显示字体，具体取决于您提供字体的方式。我假设您有Firefox 3.6或更高版本，但这也可能是问题所在。下面的代码片段是Font Squirrel对@Font face的标准，可能对您有用

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

---

我希望这些信息能帮助你。祝你好运如果您需要更多信息，请告诉我或查看本文的Firefox标题：

错误控制台中有错误吗？