Руководство пользователя Отмена

Использование веб-шрифтов в документах HTML5 Canvas

 

Работа с веб-шрифтами из сервиса Adobe Fonts

Веб-шрифты Adobe Fonts теперь доступны для документов HTML5 Canvas в Adobe Animate.

Благодаря интеграции Adobe Fonts с Animate тысячи качественных веб-шрифтов премиум-класса от надежных дизайнеров моментально становятся доступны в документах HTML5 Canvas.

Ограниченный набор шрифтов из библиотеки Adobe Fonts доступен для ознакомления при подписке на любой план Creative Cloud. И если вы приобрели платную подписку, то можете получить доступ к полной библиотеке, содержащей тысячи шрифтов.

Дополнительные сведения о подписках Adobe Fonts см. в разделе Размещение веб-шрифтов с помощью Adobe Fonts.

В отличие от саморазмещаемых веб-шрифтов, Adobe Fonts размещает шрифты, которые вы выбираете для использования в размещенном содержимом. Если вы выбираете шрифты из библиотеки Adobe Fonts, а затем публикуете документ в Интернете, Adobe Fonts автоматически размещает эти шрифты и подключает вашу учетную запись Adobe Fonts к содержимому в Интернете.

Библиотека Adobe Fonts доступна при наличии подписки Creative Cloud. Дополнительные сведения см. на сайте https://fonts.adobe.com. Также можно приобрести новые шрифты Adobe Fonts. Повторно запустите Animate, чтобы просмотреть приобретенные шрифты на вкладке «Все шрифты» экрана шрифтов Adobe Fonts.

Использование веб-шрифтов в документе HTML5 Canvas

  1. Откройте документ HTML5 Canvas и выберите инструмент «Текст» на панели Инструменты.

  2. На панели «Свойства» выберите Динамический текст и нажмите кнопку «Добавить веб-шрифты» рядом с раскрывающимся списком Гарнитура шрифта.

  3. В открывшемся окне Добавление шрифтов Adobe Fonts щелкните Начало работы.

    Добавление шрифтов Adobe Fonts
    Добавление шрифтов Adobe Fonts

  4. В диалоговом окне Добавление шрифтов Adobe Fonts перечислены все шрифты Adobe Fonts, доступные для вашего типа подписки Creative Cloud. Теперь можно выбрать шрифт, который лучше всего соответствует вашему дизайну, просматривая шрифты, выполняя поиск конкретных шрифтов или фильтрацию по свойствам шрифта.

    Щелкните «Фильтр», чтобы применить любой из следующих фильтров:

    • Классификация: веб-шрифты можно фильтровать на основе классификаций, таких как Serif, Sans Serif и Script.
    • Рекомендуемые для: шрифты фильтруются на основе рекомендованных веб-шрифтов для абзацев или заголовков.
    • Свойства: фильтрация выполняется на основе свойств, таких как толщина, ширина и высота.
    Диалоговое окно «Добавление шрифтов Adobe Fonts»
    Диалоговое окно «Добавление шрифтов Adobe Fonts»

  5. Отыскав нужный шрифт, просто щелкните его. Рядом с выбранным шрифтом отображается флажок. Можно выбрать несколько шрифтов и добавить их все сразу. На вкладке «Выбранные шрифты» отображаются все шрифты, которые вы выбрали.

    Щелкните нижний колонтитул предварительного просмотра шрифта, чтобы просмотреть варианты, такие как тонкое, полужирное или курсивное начертания.

    Выбор шрифтов
    Выбор шрифтов

    Чтобы добавить выбранные шрифты, щелкните ОК

    selected-web-font-family-menu
    selected-web-font-family-menu

  6. Выберите добавленный веб-шрифт, чтобы использовать его в документе HTML5 Canvas.

    Используемый шрифт
    Использование выбранного шрифта в документе

Получайте помощь быстрее и проще

Новый пользователь?