css - Firefox 不支持 font-face

Question

Web 字体在 Firefox 中无法正确呈现。它适用于 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了解如何配置服务器以允许链接到字体。