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

发布时间：2020-12-13 15:57:22 所属栏目：PHP教程来源：网络整理

导读：我有来自typography.com的字体,我已转移到制作并上传到我的AWS S3 Bucket以在我的Wordpress网站上使用.我已经完成了typography.com告诉我要做的所有事情,但字体仍未显示.有没有人经历过这个,可以指出我正确的方向？我在主题的style.css中添加了一个@import语

我有来自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
}

字体仍未显示.我究竟做错了什么？

解决方法

包含样式表的正确方法是使用 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' );

如果此时仍有问题,请确保您具有从Typography云服务器获取此文件的适当权限.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!