Примечание.

Typekit теперь называется Adobe Fonts и входит в состав Creative Cloud и других подписок. Подробнее.

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

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

Благодаря интеграции Adobe Fonts с Animate CC тысячи качественных веб-шрифтов премиум-класса от надежных дизайнеров моментально становятся доступны в документах 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 CC, чтобы просмотреть приобретенные шрифты на вкладке «Все шрифты» экрана шрифтов Adobe Fonts.

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

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

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

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

    Добавление шрифтов 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.

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

  7. Перед публикацией содержимого в Интернете откройте окно Параметры публикации, перейдите на вкладку Веб-шрифты и укажите URL-адрес страницы, на которой будет размещено содержимое HTML5. Например, www.adobe.com. Также можно указать несколько URL-адресов, разделенных запятой.

    Диалоговое окно «URL-адрес веб-шрифтов»
    Диалоговое окно «URL-адрес веб-шрифтов»

    Примечание.

    • Веб-шрифты из Adobe Fonts будут загружаться только для доменных имен, перечисленных в параметрах публикации. Если шрифты не работают или появляется ошибка Adobe Fonts 403 на вашей веб-странице, убедитесь, что вы добавили домен веб-страницы в этот список и повторно опубликуйте проект.
    • Выходной файл, созданный командой «Тестировать ролик», предназначен только для предварительного просмотра. Выберите Файл > Опубликовать, чтобы создать выходной файл для окончательного развертывания.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет