时间戳

首页 > 解决方案 > 如何在没有插件且不使用 @import 的情况下将 adobe 字体添加到 worpdress

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

问题描述

我正在尝试将特定的 Adob​​e 字体添加到我的 WordPress 网站，而无需借助插件。但是，在 Adob​​e 的文章“将字体添加到您的网站”之后，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 不再推荐使用这种字体，因为它增加了额外的加载时间。

标签： phpcsswordpressfontsadobe

解决方案

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

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

}

推荐阅读