使用@ font-face定义的自定义字体仅在Edge中有效

Question

我试图向Neocities网站添加自定义字体，因此我在style.css文件中使用了以下CSS代码：

body{
font-family: statusplz;
font-size: 10px;
}
p {
}
html {  
background-color: #000100;
color: #999999;
font-size: 14px;
}
h1 {
color: #990033;
font-size: 28px;
}
hr {
color: #660033;
border-color: #660033;    
background-color: #660033;
}

h2 {
}

@font-face {
font-family: 'statusplz';
src: url('https://vaguesoft.neocities.org/statusplz.ttf') format("truetype");
}

自定义字体在Edge以外的任何浏览器中均不显示。我在Firefox和Chrome上使用过其他带有自定义字体的网站。我使用firefox开发工具查看了这些站点的css文件，他们还使用了ttf文件和@ font-face，但实际上可以工作。我不知道为什么该字体未在其他浏览器中显示。我不知道问题出在CSS文件，字体文件还是网站的html中。它在某个时候正在工作。它可以在我的一台计算机上运行，​​但是该计算机已经安装了字体。也许我没有正确处理框架（我有侧边栏）？任何帮助将不胜感激。这是该网站的链接：https://vaguesoft.neocities.org/