CSS无法识别自定义字体

Question

按照此other stackovervlow question中给出的示例，我遇到的问题是，我的CSS似乎无法识别该字体，而只是填写了另一种字体。

Font I want to use

CSS文件

@font-face {
font-family: 'libelsuit'; /*a name to be used later*/
src: url('https://ff.static.1001fonts.net/l/i/libel-suit.regular.ttf'); /*URL to font*/
}

.order
{
    font-family: 'libelsuit';
}