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

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

Поиск
Animate

Animate

Открыть приложение
  • Руководство пользователя Adobe Animate
    1. Новые возможности Animate
    2. Визуальный глоссарий
    3. Системные требования Animate
    4. Сочетания клавиш Animate
    5. Работа с несколькими типами файлов в Animate
    1. Основы анимации в Animate
    2. Кадры и ключевые кадры в Animate
    3. Покадровая анимация в Animate
    4. Работа с классической анимацией движения в Animate
    5. Инструмент «Кисть»
    6. Руководство по движению
    7. Анимация движения и язык ActionScript 3.0
    8. Сведения об анимации движения
    9. Анимация движения
    10. Создание анимации движения
    11. Использование ключевых кадров свойств
    12. Положения в анимации движения
    13. Использование Редактора движения для анимаций
    14. Редактирование траектории анимации движения
    15. Управление анимациями движения
    16. Настраиваемое ускорение и замедление
    17. Создание и применение стилей движения
    18. Настройка диапазонов анимации движения
    19. Сохранение анимации движения в файлах XML
    20. Анимация движения и классическая анимация
    21. Анимация формы
    22. Анимация с использованием инструмента «Кость» в Animate
    23. Работа с риггингом персонажей в Animate
    24. Слои-маски в Adobe Animate
    25. Работа со сценами в Animate
    1. Создание кнопок в Animate
    2. Преобразование проектов Animate в другие форматы документов
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
    5. Создание пользовательских компонентов HTML5
    6. Использование компонентов в HTML5 Canvas
    7. Создание пользовательских компонентов: примеры
    8. Фрагменты кода для пользовательских компонентов
    9. Рекомендации: реклама в Animate
    10. Разработка и публикация контента для виртуальной реальности
  • Рабочая среда и рабочий процесс
    1. Создание и использование малярных кистей
    2. Использование шрифтов Google в документах HTML5 Canvas
    3. Использование библиотек Creative Cloud Libraries и Adobe Animate
    4. Использование рабочей области и панели «Инструменты» в Animate
    5. Рабочие процессы и рабочая среда Animate
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Временные шкалы и ActionScript
    8. Работа с несколькими временными шкалами
    9. Задание настроек
    10. Использование панелей разработки Animate
    11. Создание слоев временной шкалы в Animate
    12. Экспорт анимаций для мобильных приложений и игровых платформ
    13. Перемещение и копирование объектов
    14. Шаблоны
    15. Поиск и замена в Animate
    16. Отмена/повтор действий и панель «История»
    17. Сочетания клавиш
    18. Использование временной шкалы в Animate
    19. Создание HTML-расширений
    20. Параметры оптимизации изображений и GIF-анимаций
    21. Настройки экспорта для изображений и GIF
    22. Панель «Ресурсы» в Animate
    1. Преобразование и объединение графических объектов в Animate
    2. Создание экземпляров символов и работа с ними в Animate
    3. Трассировка изображения
    4. Использование звука в Adobe Animate
    5. Экспорт SVG-файлов
    6. Создание видеофайлов для использования в Animate
    7. Добавление видео в Animate
    8. Рисование и создание объектов в Animate
    9. Изменение линий и фигур
    10. Обводки, заливки и градиенты в Animate CC
    11. Работа с Adobe Premiere Pro и After Effects
    12. Панели «Цвет» в Animate CC
    13. Открытие файлов Flash CS6 в Animate
    14. Работа с классическим текстом в Animate
    15. Размещение иллюстраций в Animate
    16. Импортированные растровые изображения в Animate
    17. Трехмерная графика
    18. Работа с символами в Animate
    19. Рисование линий и фигур в Adobe Animate
    20. Работа с библиотеками в Animate
    21. Экспорт звуков
    22. Выделение объектов в Animate CC
    23. Работа с AI-файлами Illustrator в Animate
    24. Применение режимов наложения
    25. Упорядочивание объектов
    26. Автоматизация задач с помощью меню «Команды»
    27. Многоязычный текст
    28. Использование камеры в Animate
    29. Графические фильтры
    30. Звук и ActionScript
    31. Настройки рисования
    32. Рисование инструментом «Перо»
    1. Преобразование проектов Animate в другие форматы документов
    2. Поддержка специализированных платформ
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Создание и публикация документа WebGL
    5. Упаковка приложений AIR for iOS
    6. Публикация приложений AIR for Android
    7. Публикация для Adobe AIR на настольных ПК
    8. Параметры публикации ActionScript
    9. Рекомендации: размещение ActionScript в приложении
    10. Использование ActionScript в Animate
    11. Специальные возможности в среде Animate
    12. Создание и использование сценариев
    13. Обеспечение поддержки специализированных платформ
    14. Общие сведения о поддержке специализированных платформ
    15. Работа с плагинами поддержки специализированных платформ
    16. Отладка сценариев ActionScript 3.0
    17. Обеспечение поддержки специализированных платформ
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Рекомендации: советы по созданию контента для мобильных устройств
    9. Рекомендации: правила работы с видео
    10. Рекомендации: руководство по созданию SWF-приложений
    11. Рекомендации: формирование структуры FLA-файлов
    12. Рекомендации: оптимизация FLA-файлов для Animate
    13. Параметры публикации ActionScript
    14. Задание параметров публикации для Animate
    15. Экспорт файлов-проекторов
    16. Экспорт изображений и анимированных файлов GIF
    17. Шаблоны публикации HTML
    18. Работа с Adobe Premiere Pro и After Effects
    19. Быстрая публикация анимаций
    1. Исправленные неполадки
    2. Известные проблемы
    1. Руководство пользователя Adobe Animate
      1. Новые возможности Animate
      2. Визуальный глоссарий
      3. Системные требования Animate
      4. Сочетания клавиш Animate
      5. Работа с несколькими типами файлов в Animate
      1. Основы анимации в Animate
      2. Кадры и ключевые кадры в Animate
      3. Покадровая анимация в Animate
      4. Работа с классической анимацией движения в Animate
      5. Инструмент «Кисть»
      6. Руководство по движению
      7. Анимация движения и язык ActionScript 3.0
      8. Сведения об анимации движения
      9. Анимация движения
      10. Создание анимации движения
      11. Использование ключевых кадров свойств
      12. Положения в анимации движения
      13. Использование Редактора движения для анимаций
      14. Редактирование траектории анимации движения
      15. Управление анимациями движения
      16. Настраиваемое ускорение и замедление
      17. Создание и применение стилей движения
      18. Настройка диапазонов анимации движения
      19. Сохранение анимации движения в файлах XML
      20. Анимация движения и классическая анимация
      21. Анимация формы
      22. Анимация с использованием инструмента «Кость» в Animate
      23. Работа с риггингом персонажей в Animate
      24. Слои-маски в Adobe Animate
      25. Работа со сценами в Animate
      1. Создание кнопок в Animate
      2. Преобразование проектов Animate в другие форматы документов
      3. Создание и публикация документов HTML5 Canvas в Animate
      4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
      5. Создание пользовательских компонентов HTML5
      6. Использование компонентов в HTML5 Canvas
      7. Создание пользовательских компонентов: примеры
      8. Фрагменты кода для пользовательских компонентов
      9. Рекомендации: реклама в Animate
      10. Разработка и публикация контента для виртуальной реальности
    5. Рабочая среда и рабочий процесс
      1. Создание и использование малярных кистей
      2. Использование шрифтов Google в документах HTML5 Canvas
      3. Использование библиотек Creative Cloud Libraries и Adobe Animate
      4. Использование рабочей области и панели «Инструменты» в Animate
      5. Рабочие процессы и рабочая среда Animate
      6. Использование веб-шрифтов в документах HTML5 Canvas
      7. Временные шкалы и ActionScript
      8. Работа с несколькими временными шкалами
      9. Задание настроек
      10. Использование панелей разработки Animate
      11. Создание слоев временной шкалы в Animate
      12. Экспорт анимаций для мобильных приложений и игровых платформ
      13. Перемещение и копирование объектов
      14. Шаблоны
      15. Поиск и замена в Animate
      16. Отмена/повтор действий и панель «История»
      17. Сочетания клавиш
      18. Использование временной шкалы в Animate
      19. Создание HTML-расширений
      20. Параметры оптимизации изображений и GIF-анимаций
      21. Настройки экспорта для изображений и GIF
      22. Панель «Ресурсы» в Animate
      1. Преобразование и объединение графических объектов в Animate
      2. Создание экземпляров символов и работа с ними в Animate
      3. Трассировка изображения
      4. Использование звука в Adobe Animate
      5. Экспорт SVG-файлов
      6. Создание видеофайлов для использования в Animate
      7. Добавление видео в Animate
      8. Рисование и создание объектов в Animate
      9. Изменение линий и фигур
      10. Обводки, заливки и градиенты в Animate CC
      11. Работа с Adobe Premiere Pro и After Effects
      12. Панели «Цвет» в Animate CC
      13. Открытие файлов Flash CS6 в Animate
      14. Работа с классическим текстом в Animate
      15. Размещение иллюстраций в Animate
      16. Импортированные растровые изображения в Animate
      17. Трехмерная графика
      18. Работа с символами в Animate
      19. Рисование линий и фигур в Adobe Animate
      20. Работа с библиотеками в Animate
      21. Экспорт звуков
      22. Выделение объектов в Animate CC
      23. Работа с AI-файлами Illustrator в Animate
      24. Применение режимов наложения
      25. Упорядочивание объектов
      26. Автоматизация задач с помощью меню «Команды»
      27. Многоязычный текст
      28. Использование камеры в Animate
      29. Графические фильтры
      30. Звук и ActionScript
      31. Настройки рисования
      32. Рисование инструментом «Перо»
      1. Преобразование проектов Animate в другие форматы документов
      2. Поддержка специализированных платформ
      3. Создание и публикация документов HTML5 Canvas в Animate
      4. Создание и публикация документа WebGL
      5. Упаковка приложений AIR for iOS
      6. Публикация приложений AIR for Android
      7. Публикация для Adobe AIR на настольных ПК
      8. Параметры публикации ActionScript
      9. Рекомендации: размещение ActionScript в приложении
      10. Использование ActionScript в Animate
      11. Специальные возможности в среде Animate
      12. Создание и использование сценариев
      13. Обеспечение поддержки специализированных платформ
      14. Общие сведения о поддержке специализированных платформ
      15. Работа с плагинами поддержки специализированных платформ
      16. Отладка сценариев ActionScript 3.0
      17. Обеспечение поддержки специализированных платформ
      1. Экспорт файлов из Animate CC
      2. Публикация OAM
      3. Экспорт SVG-файлов
      4. Экспорт графики и видео из Animate
      5. Публикация документов AS3
      6. Экспорт анимаций для мобильных приложений и игровых платформ
      7. Экспорт звуков
      8. Рекомендации: советы по созданию контента для мобильных устройств
      9. Рекомендации: правила работы с видео
      10. Рекомендации: руководство по созданию SWF-приложений
      11. Рекомендации: формирование структуры FLA-файлов
      12. Рекомендации: оптимизация FLA-файлов для Animate
      13. Параметры публикации ActionScript
      14. Задание параметров публикации для Animate
      15. Экспорт файлов-проекторов
      16. Экспорт изображений и анимированных файлов GIF
      17. Шаблоны публикации HTML
      18. Работа с Adobe Premiere Pro и After Effects
      19. Быстрая публикация анимаций
      1. Исправленные неполадки
      2. Известные проблемы

     

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

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

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

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

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

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

      Диалоговое окно для выбора шрифтов Google

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

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

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

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

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

      Выбранный шрифт Google в инспекторе свойств

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

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

    См. также

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

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

    Ссылки быстрого перехода

    Просмотреть все свои планы Управление планами
    Просмотреть ссылки быстрого доступа
    Скрыть ссылки быстрого доступа

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