@FontFace在Firefox

没有工作，所以我有这个@fontFace规则@FontFace在Firefox

@font-face { 
    font-family: 'myriadPro-Black'; 
    src: url("fonts/myriadPro-BlackCond.otf") format("opentype"); 
}

它可以在Chrome和Safari浏览器，而不是Firefox浏览器。我知道Firefox比其他浏览器对fontface有不同的规则，但我很难理解。习惯跨浏览器优化。

关于我在做什么错的任何想法？

2014-01-21 YeahMKD

多extention对更广泛的支持：

我如何生成我fontface规则的是使用在线生成器。它可以节省大量的时间，因为它将所有内容写入正确的顺序。加上它确保你支持各种不同的延伸。

安全问题与Firefox：

火狐已经获得了@字体面。例如，Firefox可能会抛出301错误，表示您没有访问字体文件的权限，因此无法加载它，而其他浏览器则不会。

您可以使用.htaccess或任何配置文件为您正在处理的网络服务器提供正确的权限，但由于我使用各种网络服务器，这是令人讨厌的。最适合我的是将字体文件放在与.css文件相同的目录中。

所以我有一个外部fonts.css文件包含字体目录中的所有css字体行。然后我可以在页面上包含这个.css文件，我想使用这种字体。确保你没有创建额外的目录，所以你可以在没有anny目录的情况下调用字体。在你的榜样，将在你的CSS目录中的字体文件和代码更改为：

@字体面{ FONT-FAMILY： 'myriadPro黑'; src：url（“myriadPro-BlackCond.otf”）格式（“opentype”）; }

2014-04-02 15:05:46 rofavadeka

回答