CSS：@ font-face在字体文件上给出404错误

Question

我最近为WordPress（v3.1）完成了一个Genesis（v1.5）子主题，将其上传到my site并且字体没有按预期显示。我使用Font Squirrel为字体制作适当的文件和CSS。我获得了字体设计师的许可，可以将其用于网页嵌入。这个代码在my test site上运行良好。

我在Firefox（OS X，v3.6.15）中使用了Firebug（v1.6.2），发现字体文件出现了404错误。我已经对文件进行了三次检查，它们应该是应有的位置。我一次又一次上传它们仍然在字体文件上出现404错误。这些字体在Chrome（OS X，v10.0.648.133），Internet Explorer（在Win XP SP3，v8.0.6001.18702）或Firefox（在Win XP SP3，v3.6.15）上不起作用。

我尝试逐个关闭插件，但这没有任何区别，所以我知道这不是插件冲突。我正在查看服务器上的字体文件，所以我知道它们在那里。任何想法接下来要尝试什么？

注意：我在生产网站上更改了标题字体大小的CSS，因为它在没有正确字体的情况下提升了布局。否则，代码与测试站点相同。请注意CSS文件顶部的“删除这些一次使用font-face的工作”部分。

Answer 1

我在WordPress中使用我的面部文件也遇到了404错误。文件在那里，但我在WordPress中获得了404。

我将我的字体目录移出WordPress并将其放入域的根目录并相应地更改了我的CSS。

现在一切都好。

Answer 2

使用任何代理？

在我的工作中，我看不到我前段时间做过的网络中的地雷......

Answer 3

在生产网站中，您的字体位于fonts/目录中，而在测试用例中，只有“GuildofProfessionalActorsRegu”链接到fonts/，如果您使用firebug更改#title a上的字体系列会看到你的自定义字体。尝试修复第一条规则。