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 文件顶部的“删除这些一旦字体有效”部分。

Answer 1

我在 WordPress 中的人脸文件也遇到了 404 错误。文件在那里，但我在 WordPress 中收到 404。

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

现在一切正常。