无法让字体在 wordpress 上工作

Question

我要疯了，因为我的网站使用自定义网络字体，现在突然停止工作。

我从 Font Squirrel 获得了网络字体工具包，我正在使用我当地的 WP 网站对其进行测试。

我将字体工具包粘贴到 wp-content/themes/twentyfifteen/fonts/

这是主题文件夹中我的 style.css 中的内容

@font-face {
font-family: 'quicksandregular';
src: url('/fonts/quicksand-regular-webfont.woff2') format('woff2'),
     url('/fonts/quicksand-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

h { 
font-family: 'quicksandregular' !important;
}

网页中什么也没有发生。我看不到我的自定义字体 Bebas Neue。

任何帮助将不胜感激。

问候。

Answer 1

您是要粘贴“quicksand”字体系列吗？无论如何，这应该是导入新字体的好模板。

@font-face {
    font-family: 'quicksandregular';
    src: url('/htdocs/www/wp-content/themes/twentyfifteen/fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('/htdocs/www/wp-content/themes/twentyfifteen/fonts/quicksand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

然后当你调用你的字体时，它需要在一个有效的选择器中使用一个有效的名称来完成，即：

/* Style all Headlines */
h1, h2, h3, h4, h5, h6{
    font-family: "quicksandregular";
}

您还应该像这样使用后备字体堆栈：

/* Style all Headlines */
h1, h2, h3, h4, h5, h6{
    font-family: "quicksandregular", Arial, Helvetica, sans-serif;
}