css - CSS字体根本不起作用

Question

在我使用过的一个网站中Ænigma Scrawl 4 BRK font(as it is showing in my photoshop font family box)。现在我想在我的页面中使用相同的字体。所以为此我只是去了FontSquiirel网站生成 css 样式。在那里，我得到了带有不同扩展名的字体的 css 文件，例如.svg, .ttf, .woff. 我只是将所有字体粘贴到我的文件夹中，然后在我的 style.css 文件中使用相同的转换后的 css。生成的css是这样的

   font-family: 'nigma_scrawl_4_brkregular';
    src: url('aescrawl-webfont.eot');
    src: url('aescrawl-webfont.eot?#iefix') format('embedded-opentype'),
         url('aescrawl-webfont.woff') format('woff'),
         url('aescrawl-webfont.ttf') format('truetype'),
         url('aescrawl-webfont.svg#nigma_scrawl_4_brkregular') format('svg');
    font-weight: normal;
    font-style: normal;

但毕竟我的字体样式没有改变。我正在检查 Firefox 和 chrome。我已清除浏览器中的所有缓存和 cookie。有人可以告诉我这里有什么问题吗？任何帮助和建议都将不胜感激。谢谢

Answer 1

@font-face {
font-family: 'nigma_scrawl_4_brkregular';
.
.
.
.
font-style: normal;

}

Answer 2

尝试这个

@font-face{
    font-family : "myCustomFont";
    src:url(aescrawl-webfont.ttf);
}

body{
    font-family:"myCustomFont", Arial;
}