在wordpress中使用HTML格式的自定义字体


using custom fonts in HTML format in wordpress

我遵循了一个关于如何将字体上传到wordpress的教程(请参阅下面的链接)。我已经完成了所有的步骤,包括上传到ftp,更改header.php以包含字体样式表,等等,如下面的链接所示:

http://www.wphub.com/tutorials/adding-custom-fonts-wordpress-website/

我添加到header.php的内容(我相信我正确地更改了所有需要的内容):

<link rel="stylesheet”  href="<?php bloginfo('template_directory'); ? >/aileron/stylesheet.css"></li>

1) 让我困惑的是步骤11-12。我只是试着在页面中调出我的字体,但没有成功……我不知道我的wordpress主题需要在主样式表中放什么…

@font-face {
font-family: 'aileronblack';
src: url('aileron-black-webfont.eot');
src: url('aileron-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('aileron-black-webfont.woff') format('woff'),
     url('aileron-black-webfont.ttf') format('truetype'),
     url('aileron-black-webfont.svg#aileronblack') format('svg');
font-weight: normal;
font-style: normal;
}

2) 我不确定我调用的字体是否正确:

<span style="font-family: 'aileronblack';"> Test</span>

你能提供给我的任何东西都会帮我很大的忙。

您应该在functions.php文件中注册样式并将其排队。

wp_register_style( 'aileron', get_template_directory_uri() . '/aileron/stylesheet.css', array(), '1.0', 'all' );
wp_enqueue_style( 'aileron' );

您使用哪种浏览器来查看您的网站?一些浏览器需要特定的字体格式:

参见链接

自定义字体是否与样式表位于同一文件夹中?

除非没有加载样式表,否则应该正确调用字体。您可以在浏览器中检查源代码,查看样式表是否正在加载。