将 Adobe Type 样式整合到特定网站

在另一个会话中，我们演示了将 Adobe Type 样式嵌入到 Webflow 工作区的过程，以确保您的 Adobe Type 样式可在所有网站上访问。但是，如果您正在为客户构建网站，并希望专门为该特定网站使用 Adobe Type 样式，则建议专门为客户生成 Adobe Type API 令牌并将其集成到网站中。

选择这种方法有两个理由：

• Adobe 从 2020 年开始实行强制客户拥有个人 Adobe 帐户的政策。 了解有关 Adobe Type 样式许可的更多详细信息.
• 您的客户将拥有他们独特的字体套件，如果他们希望转移他们的网站，转移过程将更加简化。

提醒： 要将 Adobe Type 样式嵌入任何网站，您需要付费 工作区规划 或付费 网站计划.

通过本次讨论，您将了解到：

1. 获取 Adobe Type API 令牌的方法
2. 将 API 令牌嵌入到网站的过程
3. 从您的网站消除 API 令牌的技术
4. 将 Adobe Web 项目链接到您的网站的过程
5. 将 Adobe Web 项目从您的网站分离出来的技巧
6. 如何在设计器中评估你的字体
7. 解决任何整合困难的方法

如何获取 Adobe Type API 令牌

如果你的客户拥有 Creative Cloud 帐户 (Adobe ID)，要求他们向您发送他们的 API 令牌。如果他们没有 Creative Cloud 帐户，请他们建立自己的免费帐户，然后向您提供他们的 API 令牌。

或者，您可以选择利用他们的登录凭据为他们配置，然后将控制权转交给他们。这将使他们能够保留对其字体样式的控制权，从而减轻您在个人 Creative Cloud 帐户中管理这些样式的需要。

自行设置账户并获取API token

如果您决定自行建立帐户：

1. 创建一个 Adobe Type 帐户
2. 生成 Web 项目 使用您希望在客户网站上使用的字体
3. 导航至 Adobe Type API 令牌页面 并建立一个新的 API 令牌
4. 复制 API 令牌

要求您的客户提供其 Adobe Type API 令牌

如果您希望客户建立自己的帐户并将 API 令牌转发给您，您可以向他们提供以下说明：

1. 建立 Adobe Type 帐户 （如果没有）
2. 构建 Web 项目 使用以下字体： [提供您希望在其网站上使用的字体名称]
3. 访问 Adobe Type API 令牌页面 并生成一个新的 API 令牌
4. 复制 API 令牌并将其转发给我

如何将 API 令牌整合到您的网站

现在您已获得 API 令牌，您可以将其插入到您的 Webflow 网站的 Adobe 字体 设置。要将您的 API 令牌包含在您的网站中：

1. 导航 站点设置 > 字体 标签 > Adobe 字体
2. 将您的 Adobe Type API 令牌粘贴到指定区域
3. 点击 保存令牌

如何从您的网站删除 API 令牌

如果您希望从您的网站中删除 API 令牌：

1. 使用权 站点设置 > 字体 标签 > Adobe 字体
2. 擦除令牌
3. 点击 保存令牌

如何将 Adobe Web 项目与您的网站绑定

通过 API 令牌成功将您的 Adobe 帐户链接到您的网站后，包含您网站所有字体的 Adobe Web 项目将显示在 Adobe 字体 节 站点设置.

要将 Adobe Web 项目与您的网站合并：

1. 导航 站点设置 > 字体 标签 > Adobe 字体
2. 选择您想要关联的 Web 项目
3. 点击 保存更改

如何取消 Adobe Web 项目与您的网站的关联

要将 Adobe Web 项目与您的网站分离：

1. 使用权 站点设置 > 字体 标签 > Adobe 字体
2. 选择 ”没有任何”
3. 点击 保存更改

如何在设计器中验证字体

在设计器中，您可以完全访问通过 Adobe Web 项目包含的任何字体和字体变体。 

您可以在 样式面板 > 排版 > 字体。字体选择完成后，会列出您的 Adobe 字体，按字母顺序排列。

如何应对整合挑战

有时，Adobe Type 样式的集成可能会遇到与 Webflow 同步的问题。通常，只需采取一些小步骤即可解决这些问题。

一些常见的问题包括：

• 设计器中字体加载不正确
• 站点设置中的 Web 项目无法正确加载
• Web 项目无法在站点设置中完全加载

至关重要的：Adobe Type 样式受您的 Adobe Creative Cloud 订阅约束。如果您从 Adobe Type 样式库中删除您的 Web 项目，或者您的 Adobe 帐户无法访问，您选择的字体可能无法加载。

提醒： Adobe 网络可能需要长达 10 分钟才能更新，因此如果您没有注意到您的 Web 项目或 Web 项目中的更改，请稍后重新访问并刷新页面。或者，您可以解除 Web 项目的绑定，然后重新选择它以从 Adobe 网络加载最新数据。

为了解决这些问题，请检查以下内容：

• 验证 Adobe 和 Webflow 系统是否正常运行
• 验证您是否已将 API 令牌合并到正确的位置
• 确认您的 Adobe Type API 令牌
• 验证在站点设置中选择了正确的 Web 项目

验证 Adobe 和 Webflow 系统是否正常运行

• Adobe Type 样式系统状态
• Webflow 系统状态

确保您已将 API 令牌集成到正确的位置

确保您已将 Adobe Type API 令牌附加到您的网站。

确认您的 Adobe Type API 令牌 

1. 在以下位置找到您的 Adobe Type API 令牌 站点设置 > 字体 标签 > Adobe 字体
2. 继续 Adobe Type API 令牌页面
3. 确认您的 Adobe Type API 令牌与您链接到网站的 API 令牌相对应

验证您的站点设置中指定了正确的 Web 项目

1. 使用权 站点设置 > 字体 标签 > Adobe 字体
2. 确保当前选定的 Web 项目（带边框的项目）是准确的选择