打开您的 HTML5 Canvas 文档,然后在“工具”面板中选择“文本”工具。
当您使用桌面字体创建和发布您的 Web 输出时,客户体验并不是最佳的。 Animate 引入了 Google 字体,可在所有外形规格中提供一致的排版体验。 Google 字体是由 Google 服务器提供的免费开源字体。 有关 Google 字体和原始字体设计人员的更多信息,请参阅 https://fonts.google.com/about 和 https://fonts.google.com/attribution。
使用 Google 字体的好处包括:
- 缓存:在初始下载后,字体将存储在您的本地系统中,您不必重复下载它们。 这可以更快地加载文本。
- 开放源:它们是免费提供的,并且可以根据您的要求对其进行重新分配或修改。
- 兼容性:它们可与您的广告和 Web 内容无缝协作。
- 响应性:它们可在所有外形规格中提供响应式内容体验,实现一致的审美效果。
在“属性”面板中,选择“动态文本”。
单击“添加 Web 字体”图标,然后选择“Google 字体”。
“Google 字体”对话框列出所有可用的 Web 字体。 此时,您可通过浏览字体、搜索特定字体或按照字体属性进行筛选,来选择最适合自己设计需求的字体。
- 搜索:按名称搜索字体。
- 类别:根据可用类别筛选字体。
- 排序:根据以下类别对字体排序:
- 流行度:按字体的受欢迎程度对字体排序。
- 字母:按字母排序对字体排序。
- 添加日期:按字体之前添加到文档中的日期进行排序。
- 样式数:按每个字体系列的可用样式数进行排序。
- 趋势:按趋势字体类别进行排序。
- 帮助:显示 Google 字体的联机帮助。
- 取消:取消字体选择。
- 完成:将选定字体添加到文档中。
要向文档中添加字体,请单击要使用的字体并选择“完成”。 复选标记表示已选中该字体。
还可以选择并添加多种字体。
要查看 Animate 中添加的字体,请在属性检查器中选择“字符”>“系列”。
在“字符系列”下拉列表中,选择添加的 Google 字体,以将其用在 HTML5 Canvas 文档中。