Question

@font-face {
    font-family: 'chunkfive';
    src: url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff2') format('woff2'),
         url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff') format('woff'),
         url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'chunkfive', 'Open Sans', Helvetica, Arial, sans-serif!important;
}

字体类型位于名为＆＃39; fonts＆＃39;的文件夹中。在我的主题的根文件中。

我已经添加了！重要的只是因为Wordpress正在推翻它。

根据Chrome devtools的说法，font-family命令已被识别，但是选择了Open Sans，因此链接字体文件时一定存在问题，但我无法弄清楚它是什么。

非常感谢。

Answer 1

我可以假设存在绝对和相对路径的问题。我建议你尝试使用绝对的，也就是说在路径前添加斜杠，以避免不匹配的URL：

＆＃13;

@font-face {
    font-family: 'chunkfive';
    src: url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff2') format('woff2'),
         url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff') format('woff'),
         url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'chunkfive', 'Open Sans', Helvetica, Arial, sans-serif!important;
}

＆＃13;

Answer 2

我相信你已经在你的主题css文件中写了这个。如果是这样，请从你的路径中删除'wp-content / themes / onesquad /'。

Answer 3

假设您的主题font.css文件夹中有/css/fonts个文件。然后，如果您的字体位于同一/fonts文件夹中，则可以将{css文件'排入functions.php文件

  wp_enqueue_style( 'mytheme-fonts', get_template_directory_uri(). '/css/fonts.css');

在fonts.css文件中，您将指向同一文件夹中的字体

@font-face {
    font-family: 'chunkfive';
    src: url('chunkfive_ex-webfont.woff2') format('woff2'),
         url('chunkfive_ex-webfont.woff') format('woff'),
         url('chunkfive_ex-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

这应该可以正常工作。

Wordpress没有找到我的自定义字体

3 个答案: