提问者:小点点

@font-face无法使用“我的骨头”Wordpress主题


我正在尝试获得一个自定义字体工作在骨头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';

我已经尝试了一堆不同的字体,但都不起作用。我错过了什么?


共1个答案

匿名用户

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

 @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;
    }

希望这有帮助!