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

【问题标题】：How to add an adobe font to worpdress WITHOUT a plugin and WITHOUT using @import如何在没有插件且不使用 @import 的情况下将 adobe 字体添加到 wordpress
【发布时间】：2019-07-25 05:49:26
【问题描述】：

我正在尝试将特定的 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 不再推荐使用该字体，因为它增加了额外的加载时间。

【问题讨论】：

如果您无法下载字体，那么如果您不想通过 JS 嵌入字体，那么您几乎只能使用 Adobe 为您提供的样式表，就像下面的 @samuhay 建议的那样。跨度>
@cabrerahector 我愿意尝试通过 JS 嵌入字体，但我没有看到下面 samuhay 的建议。我将如何进行嵌入？
看来 samuhay 出于某种原因删除了他/她的答案。这就是他们所说的：helpx.adobe.com/fonts/using/…

标签： php css wordpress fonts adobe

【解决方案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' ); 

}

【讨论】：

无法使用 Adobe Fonts。