@ font-face不适用于ttf

Question

我在.ttf中有一个字体，当我使用@ font-face时它不起作用。如果我为.otf（另一种字体）做同样的事情就行了。我怎样才能解决这个问题，Chrome可能只能用于.ttf，还是其他原因呢？

这是我的代码（但我很确定这不是问题）：

 @font-face {
    font-family: 'DINOT'; 
    src: url('/css/Insanibu.otf');
}

#cover {
    background-color: #2c2c2c;
    color: #c4c3c3;
    font-family: 'DINOT';
}