提问者:小点点

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


我正在工作的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。那也没用。


共1个答案

匿名用户

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

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

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