CSS字体根本不起作用答案

【问题标题】：css font face not working at allCSS字体根本不起作用
【发布时间】：2013-04-04 13:51:46
【问题描述】：

在我的一个网站中，我使用了Æ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。有人可以告诉我这里有什么问题吗？任何帮助和建议都将不胜感激。谢谢

【问题讨论】：

标签： css font-face webfonts

【解决方案1】：

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

}

【讨论】：

【解决方案2】：

试试这个

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

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

【讨论】：