@ font-face没有在Safari手机上工作

Question

我的CSS文件中有以下内容，除非我从iphone（使用Safari）检查时，所有浏览器上的字体都正确加载。似乎无法找到解决方案..

@font-face {
    font-family: 'bebas';
    src: url('../fonts/bebasneue-webfont.ttf') format('truetype');
    src: url('../fonts/bebasneue-webfont.svg') format('svg');
    src: url('../fonts/bebasneue-webfont.woff') format('woff');
    src: url('../fonts/bebasneue-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}