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?

我该如何解决这个问题?

谢谢。

最佳答案

这些链接指向不允许跨站点链接的字体文件。 Chrome不遵循该规范的这一部分,但Firefox遵循。

有关如何配置服务器以允许链接到字体的信息,请参见“发布的站点”部分https://stackoverflow.com/a/3704578/720912

关于css - Firefox不支持字体,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21037370/

10-12 01:41