Question

不确定我做了什么，但几天前工作正常。

http://www.thegiftinsider.com/beta/

整个网站应该有三种字体...它可以在我的浏览器和其他几个字体上运行，但是那些不起作用。有什么想法吗？

这三种字体是：

@font-face {
    font-family:BodoniSvtyTwoITCTTBookIta;
    src:url(fonts/bod72wi-webfont.eot);
    src:url(fonts/bod72wi-webfont.eot?#iefix) format(embedded-opentype), url(fonts/bod72wi-webfont.woff) format(woff), url(fonts/bod72wi-webfont.ttf) format(truetype), url(fonts/bod72wi-webfont.svg#BodoniSvtyTwoITCTTBookIta) format(svg);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:AvenirLight;
    src:url(fonts/avenilig-webfont.eot);
    src:url(fonts/avenilig-webfont.eot?#iefix) format(embedded-opentype), url(fonts/avenilig-webfont.woff) format(woff), url(fonts/avenilig-webfont.ttf) format(truetype), url(fonts/avenilig-webfont.svg) format(svg);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:NotepadRegular;
    src:url(fonts/notepad_-webfont.eot);
    src:url(fonts/notepad_-webfont.eot?#iefix) format(embedded-opentype), url(fonts/notepad_-webfont.woff) format(woff), url(fonts/notepad_-webfont.ttf) format(truetype), url(fonts/notepad_-webfont.svg#NotepadRegular) format(svg);
    font-weight:normal;
    font-style:normal;
}

Answer 1

好的，所以似乎FF正在使用eot字体文件而不是它可以渲染的.woff文件。

上面的css可能是一个错误。

您是否尝试使用字体Squirrel Font Face Generator?生成字体您是否尝试使用bulletproof css declaration格式化css声明？

编辑：尝试此操作（添加单引号）：

    @font-face {
        font-family:'BodoniSvtyTwoITCTTBookIta';
        src:url('fonts/bod72wi-webfont.eot');
        src:url('fonts/bod72wi-webfont.eot?#iefix') format('embedded-opentype'), 
            url('fonts/bod72wi-webfont.woff') format('woff'), 
            url('fonts/bod72wi-webfont.ttf') format('truetype'), 
            url('fonts/bod72wi-webfont.svg#BodoniSvtyTwoITCTTBookIta') format('svg');
        font-weight:normal;
        font-style:normal;
    }

web字体仅在firefox中停止工作

1 个答案: