Html GothamBold字体在safari上无法正常工作

GothamBold字体在Safari上显示不正确。display:flex也不能正常工作。有没有办法解决这个问题

@font-face {
  font-family: 'GothamBold';
  src: url(assets/fonts/GothamBold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}

---

按如下方式添加您的字体：

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
    url('myfont-webfont.woff') format('woff'),
    url('myfont-webfont.ttf')  format('truetype'),
    url('myfont-webfont.svg#svgFontName') format('svg');
}

---

试试。woff2甲酸盐。你们也试过加入。otf吗？谢谢大家！它起作用了！