php - 如何在没有插件且不使用@import的情况下将adobe字体添加到wordpress

Question

我试图在不借助插件的情况下将特定的 Adob​​e Font 添加到我的 WordPress 网站。然而，按照 Adob​​e 的文章“Add fonts to your website”，结果是 GTmetrix说默认的嵌入式链接正在使用@import，我想避免这种情况。

我使用的是最新版本的 WordPress (5.2.2)。我订阅了 Adob​​e CC(我有一个帐户)。我无法下载字体文件，所以我无法上传它们。我已经创建了一个“Web 元素”，其中包含我要使用的字体。我在主题的 header.php 文件中(放置在我的子主题文件夹中)在 和 之间插入默认嵌入代码。我尝试在 Google、YouTube 上寻找答案，并联系 Adob​​e 支持代理(他们对此不提供支持)，但都没有成功。

这是 Adob​​e 为我的 Web 元素生成的默认嵌入代码:

<link rel="stylesheet" href="https://use.typekit.net/webprojectID.css">

webprojectID 只是作为一个通用示例。

我希望在不使用 @import 的情况下使用这种字体，Wordpress 不再推荐它，因为它会增加额外的加载时间。

Answer 1

在您的子主题中创建字体文件夹并上传您的字体文件。

然后将此代码添加到您的子主题 functions.php 文件

add_action( 'wp_enqueue_scripts', 'my_child_theme_name_enqueue_styles' );

function my_child_theme_name_enqueue_styles() {

    wp_enqueue_style( 'child-font', get_stylesheet_directory_uri() . '/fonts/font.ttf' ); 

}