Wordpress二十五，使用字体面添加自定义字体

Question

任何人都可以给我详细说明如何使用@ font-face添加自定义免费字体到wordpress twentyfifteen主题，我从fontsquirrel（alex-brush otf）中选择了一个免费字体，但是我无法激活字体对于网站标题，如果有人可以提供分步说明，将不胜感激。

Answer 1

您应该使用webfont generator下载webfont工具包（如license页面上所述），然后在主题内的文件夹中提取存档（我们称之为webfont现在）。

在您主题的functions.php文件中，将套件样式表排入队列：

add_action( 'wp_enqueue_scripts', 'webfont_enqueue_style' );
function webfont_enqueue_style() {
    wp_enqueue_style( 'webfont', get_template_directory_uri().'/webfont/stylesheet.css', false ); 
}

然后您可以在网站标题上或使用CSS规则的任何地方使用它：

#siteTitle { font-family: 'WebFont', serif; }

使用字体名称更改WebFont。

Answer 2

您也可以在主css文件中添加此主题：

@font-face {
font-family: fontname;
src: url(LINK_TO_YOUR_FONT);

}

然后当你想使用该字体时使用：

h1 {
 font-family: fontname;
}