注意:

  Typekit 现已更名为 Adobe Fonts,包含在 Creative Cloud 和其他订阅中。了解详情

通过 Adobe Fonts 使用 Web 字体

现在可为 Adobe Animate 中的 HTML5 Canvas 文档提供来自 Adobe Fonts 的 Web 字体。

在 Animate 中集成了 Adobe Fonts 后,便有数千种来自代工伙伴的高品质 Web 字体可即时应用于您的 HTML5 Canvas 文档。

对于任一级别的 Creative Cloud 方案,您都可以试用 Adobe Fonts 库中的部分字体;如果已订阅某一付费方案,则可以访问包含有数千种字体的完整库。

有关 Adobe Fonts 订阅计划的更多信息,请参阅“使用 Adobe Fonts 托管的 Web 字体”

不同于自托管的 Web 字体,Adobe Fonts 会托管您决定在托管内容中使用的字体。从 Adobe Fonts 库中选择字体后,如果在 Web 上发布您的文档,Adobe Fonts 会自动托管这些字体并将您的 Adobe Fonts 帐户与您发布在 Web 上的内容相关联。

Adobe Fonts 库随您的 Creative Cloud 订阅提供。有关更多信息,请参阅 https://fonts.adobe.com。您还可以购买新的 Adobe Fonts。重新启动 Animate 以在 Adobe Fonts 屏幕的“所有字体”选项卡中查看购买的字体。

在 HTML5 Canvas 文档中使用 Web 字体

  1. 打开 HTML5 Canvas 文档,然后在“工具”面板中选择“文本”工具。

  2. 在“属性”面板中,选择“动态文本”,然后单击“字体系列”下拉框旁边的“添加 Web 字体”按钮。

    TypeKit-Selection
  3. 在显示的“添加 Adobe·字体”窗口中,单击“立即使用”

    添加 Adobe Fonts
    添加 Adobe Fonts
  4. “添加 Adobe Fonts”对话框将列出您的 Creative Cloud 订阅计划提供的所有 Adobe Fonts。此时,您可通过浏览字体、搜索特定字体或按照字体属性进行筛选,来选择最适合自己设计需求的字体。

    单击“过滤器”可使用以下任意过滤器:

    • 分类:您可以根据诸如衬线、无衬线和脚本之类的分类过滤 Web 字体。
    • 推荐:根据针对段落或标题的 Web 字体推荐过滤字体。
    • 属性:根据诸如粗细、宽度和高度之类的属性过滤字体。
    “添加 Adobe Fonts”对话框
    “添加 Adobe Fonts”对话框
  5. 找到要使用的字体之后,对其单击即可。随后将显示一个勾选标记,表示该字体已被选中。一次可选择添加多个字体。“所选字体”选项卡将显示您选中的所有字体。

    您可以单击字体预览脚注来查看其所有变形,如细体、粗体及斜体。

    选择字体
    选择字体

    单击“确定”添加所选的字体。

    selected-web-font-family-menu
    selected-web-font-family-menu
  6. 选择添加的 Web 字体,将其用于您的 HTML5 Canvas 文档。

    font-in-use
    在文档中使用选定字体
  7. 将内容发布到网络上之前,打开“发布设置”,单击“Web 字体”选项卡,然后指定要发布 HTML5 内容的页面 URL。例如,www.adobe.com。您还可以指定多个 URL(以逗号分隔)。

    “Web 字体 URL”对话框
    “Web 字体 URL”对话框

    注意:

    • 将仅对“发布设置”中列出的域名加载来自 Adobe Fonts 的 Web 字体。如果这些字体不起作用或在网页上看到一个来自 Adobe Fonts 的 403 错误,则应确保已将该网站域包括在列表中,然后重新发布项目。
    • 通过“测试影片”选项生成的输出仅供预览。可使用“文件”>“发布”选项生成最终部署输出。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略