Примечание.

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

Когда при создании и публикации веб-проектов используются компьютерные шрифты, содержимое может воспроизводиться на устройстве конечного пользователя не лучшим образом. Animate включает шрифты Google, которые обеспечивают правильное отображение текста на устройствах всех форм-факторов. Шрифты Google свободно распространяются с открытым кодом через серверы Google. Дополнительные сведения о шрифтах Google и дизайнерах оригинальных шрифтов см. на страницах https://fonts.google.com/about и https://fonts.google.com/attribution.

Преимущества использования шрифтов Google:

  • Кэширование: после начальной загрузки шрифты хранятся в локальных системах, так что их не требуется загружать повторно. Это ускоряет загрузку текста.
  • Открытый исходный код: шрифты находятся в свободном доступе, их можно распространять или изменять на свое усмотрение.
  • Совместимость: эти шрифты обеспечивают бесперебойное воспроизведение рекламных объявлений и веб-содержимого.
  • Адаптивный: эти шрифты обеспечивают адаптивность содержимого при воспроизведении на устройствах всех форм-факторов, чтобы оно всегда сохраняло эстетичный внешний вид.
  1. Откройте документ HTML5 Canvas и выберите инструмент «Текст» на панели «Инструменты».

  2. На панели «Свойства» выберите «Динамический текст». 

  3. Нажмите кнопку «Добавить веб-шрифты» и выберите «Шрифты Google».

    google_fonts_add
    Выберите «Шрифты Google» диалоговое окно

  4. В диалоговом окне «Шрифты Google» перечислены все доступные веб-шрифты. Теперь можно выбрать шрифт, который лучше всего соответствует вашему дизайну, просматривая шрифты, выполняя поиск конкретных шрифтов или фильтрацию по свойствам шрифта.

    • Поиск: выполняет поиск шрифта по названию.
    • Категория: шрифты фильтруются на основе доступных категорий.
    • Сортировка по: шрифты сортируются на основе следующих категорий:
      • Популярность: выполняется сортировка на основе популярных шрифтов.
      • Алфавит: выполняется сортировка списка шрифтов по алфавиту.
      • Дата добавления: выполняется сортировка шрифтов на основе даты их добавления в документ.
      • Количество стилей: выполняется сортировка на основе количества стилей, доступных для каждого семейства шрифтов.
      • Тенденции: выполняется сортировка на основе набирающих популярность категорий шрифтов.
    • Справка: открывается онлайн-справка по шрифтам Google.
    • Отмена: отменяется выбор шрифтов.
    • Готово: выбранный шрифт добавляется в документ.
    2b
    Диалоговое окно «Шрифты Google» окно

  5. Чтобы добавить шрифт в документ, щелкните его и выберите «Готово». Флажок указывает на то, что шрифт выбран. 

    Примечание.

    Также можно выбрать и добавить несколько шрифтов. 

  6. Чтобы просмотреть в Animate CC добавленные шрифты, выберите «Символ» > «Семейство» в инспекторе свойств.

    Selected Google font in the Family menu
    Выбранный шрифт Google в инспекторе свойств

  7. В раскрывающемся списке «Гарнитура символов» выберите добавленный шрифт Google для использования в документе HTML5 Canvas.

    Webfonts-under-Font-menu
    Использование выбранного шрифта в документе

См. также

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

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