注意:

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

使用 Typekit Web 字体

如今可在 Adobe Animate CC 中对 HTML5 Canvas 文档使用 Adobe Typekit Web 字体。

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

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

有关 Typekit 订阅计划的更多信息,请参阅基于 Typekit 的 Web 字体托管计划

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

Typekit 库随您的 Creative Cloud 订阅提供。有关更多信息,请参阅 https://typekit.com/

您还可以从 Typekit 市场购买新的 Typekit 字体。重新启动 Animate CC 以在“Typekit 字体”屏幕的“所有字体”选项卡中查看购买的字体。

 

在 HTML5 Canvas 文档中使用 Typekit Web 字体

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

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

    TypeKit-Selection
  3. 在显示的“添加 Web 字体”窗口中,单击“开始”

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

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

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

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

    TypeKit-font-variations

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

    TypeKit-Fonts-added
    在“系列”菜单中选定的 Web 字体

  6. 选择添加的 Web 字体,将其用于您的 HTML5 Canvas 文档。

    font-in-use
    在文档中使用选定字体

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

    image2016-2-29 16-56-26
    “发布设置”中的 Web 字体 URL 框

    注意:

     

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

另请参阅

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

法律声明   |   在线隐私策略