css - @font-face 在 Firefox 中不起作用

Question

在 Firefox 中使用@font-face有点麻烦。

@font-face{
font-family:'PopularScript';
src:url('http://static.dubrovka.dn.ua/eot/PopularScript.eot');
src:url('http://static.dubrovka.dn.ua/eot/PopularScript.eot?#iefix') format('embedded-opentype'),
    url('http://static.dubrovka.dn.ua/wof/PopularScript.woff') format('woff'),
    url('http://static.dubrovka.dn.ua/ttf/PopularScript.ttf') format('truetype'),
    url('http://static.dubrovka.dn.ua/otf/PopularScript.otf') format('opentype'),
    url('http://static.dubrovka.dn.ua/svg/PopularScript.svg#PopularScript') format('svg');
font-weight:normal;
font-style:normal;
}

它适用于除 Firefox 之外的任何浏览器。

Answer 1

为了安全起见，Firefox 不允许跨域字体加载。以下是一些解决方案：http ://www.red-team-design.com/firefox-doesnt-allow-cross-domain-fonts-by-default