为什么我的嵌入式CSS字体无法运行？

Question

我的网站上有2种字体，并且字体显示正确。我更新了Firefox浏览器（我认为这是问题所在）（版本68），但现在它们不再起作用了。在后备字体旁边也无法正常工作。

我的css文件被排除，其他所有样式都起作用。

我尝试了！important标记以及该字体的不同样式。

我的操作系统是linux mint。我在Windows 10上尝试过，后备字体出现问题，而其他字体没有出现。

foler的链接也可以正常工作，因为它也可以更早地工作。

我的CSS是extern，但其他所有规则都起作用。

<h1>Test</h1>
<h2>Test</h2>
<style>
@font-face { font-family: 'Tangerine';
             src: url('tangerine/Tangerine_Bold.ttf') format('truetype'); }

@font-face { font-family: 'Odstemplik';
             src: url('odstemplik/odstemplikReg.otf');}
h1{
font-family:'Odstemplik', cursive;
}
h2{
font-family:'Tangerine', cursive;
}
</style>

字体应该正常工作。但看起来他们不想要：）