css - @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)页面。我还尝试过将字体上传到不同的服务器并使用绝对公共(public) URL。那也没用。

Answer 1

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

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

您可能想要指定这些文件的绝对路径。