在Wordpress站点中使用AWS S3上托管的自定义字体

Question

我有来自typography.com的字体，我已转移到制作并上传到我的AWS S3 Bucket以在我的Wordpress网站上使用。我已经完成了typography.com告诉我要做的所有事情，但字体仍未显示。有没有人经历过这个，可以指出我正确的方向？我在主题的style.css中添加了一个@import语句到typography.com给我的url。我在functions.php中也有一个wp_enqueue函数，我已经上传到S3服务器。

 add_action( 'wp_head', 'my_fonts' );
function my_fonts(){ ?>
<link rel="stylesheet" type="text/css" href="//cloud.typography.com/7783912/761788/css/fonts.css">
<?php
}

字体仍未显示。我做错了什么？

Answer 1

包含样式表的正确方法是使用wp_enqueue_style。使用此函数还可以将此字体声明为其他样式表的依赖项。您还应该使用'wp_enqueue_scripts'挂钩，而不是'wp_head'：

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'typography', '//cloud.typography.com/7783912/761788/css/fonts.css' );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

如果此时仍有问题，请确保您具有从版式云服务器获取此文件的适当权限。