0

我正在尝试让自定义字体在 Bones Wordpress 主题中工作。我的字体系列位于“库 > 字体”文件夹中，就像主题说明一样。

    @font-face {
        font-family: 'ColaborateThinRegular';
        src: url('library/fonts/ColabThi-webfont.eot');
        src: url('library/fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/ColabThi-webfont.woff') format('woff'),
             url('library/fonts/ColabThi-webfont.ttf') format('truetype'),
             url('library/fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

我在我的样式表中这样称呼它：

    font-family: 'ColaborateThinRegular';

我尝试了一堆不同的字体，但没有一个工作。我在这里想念什么？

4

1 回答 1

2

我在骨骼上遇到了同样的问题，并使用相对路径来升级一个目录来修复它。对你来说应该是这样的：

 @font-face {
        font-family: 'ColaborateThinRegular';
        src: url('../fonts/ColabThi-webfont.eot');
        src: url('../fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/ColabThi-webfont.woff') format('woff'),
             url('../fonts/ColabThi-webfont.ttf') format('truetype'),
             url('../fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

希望这可以帮助！

于 2013-12-05T15:15:41.830 回答