如何在没有插件的情况下使用@import将adobe字体添加到worpdress

Question

我试图在不借助插件的情况下将特定的Adobe Font添加到我的WordPress网站。但是，在Adobe的文章“ Add fonts to your website”之后，GTmetrix表示默认的嵌入式链接使用的是@import，我想避免这种情况。

我正在使用最新版本的WordPress（5.2.2）。我订阅了Adobe CC（我有一个帐户）。我无法下载字体文件，所以无法上传它们。我已经创建了一个“ Web项目”，其中包含我要使用的字体。我将默认的嵌入代码插入主题的header.php文件中（位于子主题文件夹中）和之间。而且，我尝试在Google，YouTube上找到答案，并与Adobe支持代理联系（他们对此不提供支持），但都没有运气。

这是Adobe为我的Web项目生成的默认嵌入代码：

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

webprojectID仅作为通用示例。

我希望不使用@import使用此字体，Wordpress不再建议使用@import，因为它会增加加载时间。

Answer 1

在子主题中创建字体文件夹，然后上传字体文件。

然后将此代码添加到您的子主题函数.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' ); 

}