Css @字体不适用于chrome或firefox

这已经发生在我最近开发的几个网站上，我完全不知道为什么。Stack Overflow上的其他答案似乎都帮不了我，我在google上找到的任何其他资源似乎都没有答案。我在想我在做什么蠢事，但是什么

以下是我目前感到沮丧的网站：

---

它不会在Chrome或Firefox上运行，但会在Safari上运行。这对我来说毫无意义。

在声明之前，您需要添加字体。因此，请将您的字体放在css的开头。

您只包含适用于某些版本的WebKit的格式，而是包含多种字体格式以支持跨浏览器：

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff') format('woff'), /* Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

---

在任何元素上使用

@font-face

规则之前，您还需要添加它。

开发工具说

http://atonea.com/csj/fontt/GILLUBCD.ttf 404找不到

-也让

@font-face

放在CSS的开头。您可以为网页中使用的字体创建多个文件。这样，您就可以在每个主要浏览器上使用它。你看，我本来就有，没什么区别。你现在可以检查了。这很有效，但我不明白为什么。添加多种格式如何突然让chrome接受它？只是chrome在寻找一种不存在的格式吗？