回到所有的课程
课程库

将Adobe字体集成到特定的项目中

将客户的Adobe Fonts API令牌集成到他们的项目中,使他们的Adobe字体web项目可用于该项目。

注意:我们正在向工作区过渡,并且正在更新我们的内容。访问工作区博客欲了解更多有关这些更新和变化,或访问我们的更新了关于如何将Adobe字体集成到特定网站的课程.你也可以了解如何检查您的帐户是否在工作区
这个视频的特点是一个旧的UI。更新版本即将发布!
克隆这个项目

在另一节课中,我们向你展示如何将Adobe字体集成到您的Webflow帐户使您的Adobe字体在所有项目中可用。但是,如果您正在为客户端构建一个网站,并且希望为该项目使用Adobe Fonts,那么更明智的做法是专门为客户端创建一个Adobe Fonts API令牌,并将其集成到项目中。

采用这种方法的众多原因之一是,Adobe将从2020年开始要求客户拥有自己的Adobe帐户。了解更多关于Adobe Font授权的知识[xxx].另一个重要的原因是你的客户将拥有他们自己的字体套件,如果他们想要转移他们的项目,转换将会容易得多。

要将Adobe Fonts集成到任何项目中,您需要一个网站计划或者一个账户支付计划
在这节课中
  1. 获取一个Adobe字体API令牌
  2. 将API令牌集成到项目中
  3. 从项目中删除API令牌
  4. 连接一个web项目到您的项目
  5. 在设计器中测试字体
  6. 将Adobe字体从帐户迁移到客户端项目
  7. 解决集成的问题

获取一个API令牌

如果你的客户有Creative Cloud帐户(Adobe ID) [xxx],要求他们发送他们的API令牌给你。如果他们没有,让他们建立自己的免费账户,然后把他们的代币寄给你。

或者,你可以用他们自己的证书为他们设置,然后交给他们。这样,他们就可以控制自己的字体,而不需要您在自己的帐户中管理这些字体。

自己设置帐户并获得API令牌

如果你想自己建立账号:

  1. 创建Adobe Fonts帐户[xxx]
  2. 创建网络项目[xxx]你想在他们的项目中使用的字体
  3. 访问Adobe Fonts API令牌页面[xxx]并创建一个新的API令牌
  4. 将API令牌复制到剪贴板

要求客户端提供其Adobe Fonts API令牌

如果你想让你的客户建立他们自己的账户并发送API令牌给你,给他们发送以下指示:

  1. 创建Adobe Fonts帐户[xxx](如果他们没有的话)
  2. 创建网络项目[xxx]使用以下字体:[提供你想在他们的项目中使用的字体名称]
  3. 访问Adobe Fonts API令牌页面[xxx]并创建一个新的API令牌
  4. 复制API令牌到您的剪贴板,并发送给我

将API令牌集成到项目中

现在,您已经有了API令牌,您可以将它粘贴到Webflow项目的Adobe Fonts集成设置中。

已填写Adobe Fonts API令牌并准备保存。此部分在Adobe字体部分突出显示。
项目设置→字体→Adobe字体.粘贴你的Adobe Fonts API令牌而且保存令牌

从项目中删除API令牌

如果您希望从项目中删除API令牌,请删除令牌并按"保存标记."

连接一个web项目到您的项目

将Adobe帐户连接到项目后,具有此项目的所有字体的Adobe web项目将出现在您的Adobe fonts设置下方。选择web项目并保存更改。

Adobe字体部分突出显示了两个步骤。第一步是选择名为My amazing selection of fonts的web项目。第二步是单击屏幕右上角的Save changes按钮。
下面选择您的web项目(工具包)项目设置字体Adobe的字体,然后保存更改。

断开Adobe web项目与您的项目的连接

若要从项目的字体列表中删除web项目,请选择“没有一个”,保存更改

在设计器中测试字体

在设计器中,您可以完全访问通过Adobe web项目添加的任何字体和字体权重。浏览你需要的字体样式面板(S)→排版部分。字体列表是按字母顺序排列的。

将Adobe字体从帐户迁移到客户端项目

如果您正在为客户端站点使用自己的Adobe Fonts API,则需要在Adobe于2020年1月1日更新其使用条款之前,将客户端字体迁移到自己的Adobe帐户。

了解更多:关于Adobe Font授权[xxx]

要遵守新的Adobe Fonts术语,您需要为每个客户端项目添加单独的Adobe Fonts API令牌。按照上面的指南:

  1. 获取客户端的API令牌
  2. 确保他们有一个web项目,使用相同的字体在他们的项目中使用
  3. 在项目中添加令牌
  4. 选择具有相同字体的新web项目
  5. 保存设置
  6. 测试设计器中的字体,确保它们正常工作
  7. 发布或导出站点

解决集成的问题

有时Adobe字体集成可能无法与Webflow同步,通常可以通过一些小步骤解决。

常见问题:

  • 设计器中的字体没有正确加载
  • Web项目在项目设置中无法正确加载
  • Web项目在项目设置中根本没有加载
必须知道
Adobe字体通过您的Adobe Creative Cloud订阅获得授权[xxx].如果您从Adobe字体库中删除了web项目,或者您的Adobe帐户无法访问,则可能无法加载字体选择。
需要知道
Adobe的网络更新最多需要10分钟。因此,如果您没有在您的web项目中看到您的web项目或您的更新,请稍后检查或刷新页面。您还可以断开web项目并重新选择它以从Adobe的网络加载最新的信息。

对于大多数这种情况,请检查以下内容:

  1. 验证Adobe和Webflow系统已启动并运行
  2. 验证您已经在正确的位置集成了API令牌
  3. 验证您的Adobe字体API令牌
  4. 验证在项目设置中选择了正确的web项目

验证Adobe和Webflow系统已启动并运行

验证您已经在正确的位置集成了API令牌

转到正在排除故障的项目的“项目”设置。打开字体设置页面并滚动到Adobe字体部分。确保添加并保存了API令牌。

验证您的Adobe Fonts API令牌

参观Adobe Fonts API令牌[xxx]页,并确认Adobe Fonts API令牌100%正确。

验证在项目设置中选择了正确的web项目

去你的项目字体设置页面,检查当前选择的web项目(有蓝色边框的那个)是正确的。

名为“我的惊人字体选择”的字体web项目被选中并突出显示。
检查所选的web项目是否有您想要的字体。
尝试Webflow——它是免费的
Baidu
map