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

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

Поиск

Последнее обновление 25 мая 2023 г.

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

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

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

Откройте документ HTML5 Canvas и выберите инструмент «Текст» на панели «Инструменты».
На панели «Свойства» выберите «Динамический текст».
Нажмите кнопку «Добавить веб-шрифты» и выберите «Шрифты Google».

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

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

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

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