无法在wordpress

Question

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

我从Font Squirrel获得了Web字体工具包，我正在使用我的本地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

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

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