@font-face无法使用自定义WordPress主题

Question

我正在工作的WordPress不是那么流行和深刻的主题。可以肯定地说，这是一个完全自定义的主题。我面临的问题是关于@font-face的。我在这里创建了字体结构:http://akshay2000.pcriot.com/trial/index1.html
我用我的WordPress主题创建了相同的结构。没奏效。现在，我有如下CSS：

    @font-face {
    font-family: 'SegoeWP-Light';
    src: url('segoewp-light.eot');
    src: url('segoewp-light.eot?#iefix') format('embedded-opentype'),
         url('segoewp-light.woff') format('woff'),
         url('segoewp-light.ttf') format('truetype'),
         url('segoewp-light.svg#segoewp-light') format('svg');
    font-weight: normal;
    font-style: normal;
    }  

字体文件与style.css和index.php在同一个目录中。我正在使用firebug进行调试。当我悬停在单个文件名上（比如segoewp-light.woff）时，firebug会显示正确的字体。然而，当我悬停在字体家族名称（它是'segoewp-light)我看到常规衬线字体。显然，站点的结果字体是衬线字体。我不明白怎么了。同样的设置也适用于我的正常（非WordPress）页面。我也试过上传字体到不同的服务和使用绝对的公共URL。那也没用。

Answer 1

这可能与您使用相对路径有关，但需要更多的信息，您能打开您的控制台并告诉我们您在那里看到的错误吗？另外，这些文件与您的站点根目录的关系在哪里？

如果您的用户位于http://yoursite.com/blog/hello-world，那么它将在http://yoursite.com/blog/hello-world/segoewp-light.[ext]查找字体

您可能希望指定这些文件的绝对路径。