打开 HTML5 Canvas 文档,然后在“工具”面板中选择“文本”工具。
通过 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 字体
在“属性”面板中,选择“动态文本”,然后单击“字体系列”下拉框旁边的“添加 Web 字体”按钮。
在显示的“添加 Adobe·字体”窗口中,单击“立即使用”。
“添加 Adobe Fonts”对话框将列出您的 Creative Cloud 订阅计划提供的所有 Adobe Fonts。 此时,您可通过浏览字体、搜索特定字体或按照字体属性进行筛选,来选择最适合自己设计需求的字体。
单击“过滤器”可使用以下任意过滤器:
- 分类:您可以根据诸如衬线、无衬线和脚本之类的分类过滤 Web 字体。
- 推荐:根据针对段落或标题的 Web 字体推荐过滤字体。
- 属性:根据诸如粗细、宽度和高度之类的属性过滤字体。
找到要使用的字体之后,对其单击即可。 随后将显示一个勾选标记,表示该字体已被选中。 一次可选择添加多个字体。 “所选字体”选项卡将显示您选中的所有字体。
您可以单击字体预览脚注来查看其所有变形,如细体、粗体及斜体。
单击“确定”添加所选的字体。
选择添加的 Web 字体,将其用于您的 HTML5 Canvas 文档。