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



我正在尝试将特定的Adobe字体添加到我的WordPress网站,而无需求助于插件。但是,在Adobe的文章"将字体添加到您的网站"之后,GTmetrix表示默认的嵌入式链接正在使用@import,我想避免这种情况。

我使用的是最新版本的WordPress(5.2.2)。我订阅了 Adobe CC(我有一个帐户)。我无法下载字体文件,因此无法上传它们。我已经创建了一个"Web项目",其中包含我要使用的字体。我在主题的标题.php文件中插入默认嵌入代码(放置在我的子主题文件夹中)在 和 之间。我尝试在Google,YouTube上找到答案,并通过联系Adobe支持代理(他们对此没有支持)来寻找答案,但都没有运气。

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

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

webprojectID在这里只是一个通用示例。

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

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

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

相关内容

最新更新