GothamBold字体在Safari中无法正常工作

Question

GothamBold字体无法在Safari上正确显示。它也不能与display：flex一起正常工作。有什么办法可以解决这个问题？

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

Answer 1

添加这样的字体：

@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');
}