Question

我在网站上添加了一个字体，添加了CSS并上传了字体文件，它在IE中工作但在Firefox中没有。那是为什么？

CSS：

@font-face {
    font-family: 'MyFont';
    src: url('MyFont.eot');
    src: url('MyFont.eot?#iefix') format('embedded-opentype'),
         url('MyFont.woff') format('woff'),
         url('MyFont.ttf') format('truetype'),
         url('MyFont.svg#MyFontRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

label { font-family: 'MyFont'; font-size: 20px; }

label只是一个测试，但它正在发挥作用。字体文件与CSS位于同一目录中。

我几乎尝试了所有东西，它仍然没有用......

有人知道什么是错的吗？任何帮助表示赞赏。

Answer 1

按顺序：

检查字体是否在Google Web Fonts上。如果是，请使用该版本，不要嵌入自己（为了便于使用，缓存，浏览器更新兼容等）。
如果没有，请检查您的MIME。为此，请使用Firebug的Net面板查看标题并检查它们是否正确。
如果MIME错误，请使用.htaccess或编写使用file_get_contents（）和header（）的PHP文件来修复它。

Answer 2

我发现还有另一个CSS文件，覆盖了我制作的文件。

问题解决了

Font-face在Firefox中不起作用

2 个答案: