使用@ font-face添加新字体不起作用

Question

以下代码中是否有任何错误？

@font-face {
    font-family: 'raveFire';
    src: url('ravefire.eot');
    src: local('raveFire'), url('ravefire.ttf') format('truetype');
}

此代码进入文件“style.css”，文件ravefire.ttf和ravefire.eot与“style.css”位于同一文件夹中...

我试过在span，style，class等中使用这个新的font-family ...我也试过几个浏览器......

拜托，任何帮助？

Answer 1

我最近一直在使用font-face而且我没有看到“本地”引用，试试没有，即：

@font-face {
    font-family: 'raveFire';
    font-style: normal;
    font-weight: normal;
    src: url('ravefire.eot') format('eot'), url('ravefire.ttf') format('truetype');
}

确保您的字体与页面位于同一文件夹中，或使用绝对路径。