字体不能正常工作-仍然使用旧字体

Question

我需要从da-font网站添加Earth-Orbiter字体，但我尝试尝试的所有方法均无效。

这是我的样式代码：

<style>

@font-face {
  font-family: 'EarthOrbiter';
  src: url('EarthOrbiter.svg#EarthOrbiter') format('svg'),
       url('EarthOrbiter.ttf') format('truetype'),
       url('EarthOrbiter.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'earthorbiter';
  src: url('earthorbiter.eot');
  src: url('earthorbiter.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.element-space {
  font-family: 'EarthOrbiter';

}
</style>

这是我的观点：

  <h3 class=" title-anna-yve element-space" >{{ nl2br($model->title) }}</h3>

因此，我在此网站https://onlinefontconverter.com/上上传了.ttf文件，并将该代码添加到了样式文件中。