无法在wordpress

时间:2016-11-21 20:06:00

标签: css wordpress fonts

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

我从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。

非常感谢任何帮助。

的问候。

1 个答案:

答案 0 :(得分:0)

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

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