Firefox不支持font-face

Question

在Firefox中无法正确呈现Web字体。它适用于Chrome浏览器。

下面是我的CSS代码，

@font-face {
    font-family: 'DINm';
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINWeb-Medium.eot');
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINWeb-Medium.eot?#iefix') format('embedded-opentype');
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINWeb-Medium.woff') format('woff');
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINComp-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

  }

我在下面提到了网址， CSS Font-Face url not working?

我该如何解决这个问题？

感谢。

Answer 1

这些链接指向不允许跨站点链接的字体文件。 Chrome不遵循规范的那一部分，但Firefox确实如此。

有关如何配置服务器以允许链接字体，请参阅“已发布网站”部分https://stackoverflow.com/a/3704578/720912。

Answer 2

从

更改代码

format ('truetype');

到

format ('opentype');

这应该适合你。

这是在靠近底部的另一页引用的文章中列出的，它对我有用。这个小提琴显示了工作示例：http://jsfiddle.net/Phlume/CMv8G/1/

你应该看到这个：

文章还提到，对于otf或ttf字体，您可以完全关闭format部分 - 它是可选的，因为格式是开放式的。