1. aspro.ru
  2. Аспро: Максимум
  3. Обзор типовых настроек решения
  4. Общие настройки
  5. Настройки шрифта с помощью Google Fonts

Настройки шрифта с помощью Google Fonts


В готовых решениях Аспро появилась возможность самостоятельно изменять шрифт под специфику проекта. 

С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.

  • В Аспро: Максимум.
  • В Аспро: Next, начиная с версии 1.2.0.
  • В Аспро: Шины и диски 2.0.
  • В Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0.
  • В Аспро: Маркет, начиная с версии 1.5.0.
  • В Аспро: Оптимус, начиная с версии 1.3.0.

Делается это в пару кликов и без помощи программиста — достаточно выбрать понравившийся шрифт из библиотеки шрифтов Google и добавить его в специальное поле решения. 

Видеоурок по добавлению шрифтов из библиотеки Google Fonts на примере Аспро: Максимум

Откройте Google Fonts. Для русскоязычного сайта в панели фильтров слева выберите у параметра «Writing system» вариант «Cyrillic».

c722f4af-7b60-11f1-8fe4-fa163e2ff576

Кликните на понравившийся вам шрифт, чтобы попасть на его детальную странцу. Выберите понравившийся вам стиль и нажмите «Get font».

4000a9bc-7b5c-11f1-8fe4-fa163e2ff576

После клика на «Get font» вы перейдете на страницу «Выбранные», где надо нажать «Get embed code».

8f7be8de-7b63-11f1-8fe4-fa163e2ff576

Появятся две панели. В левой вы сможете ввести параметры понравившегося стиля шрифта.

395eabdc-7b64-11f1-8fe4-fa163e2ff576

Для подключения шрифта на сайт нам нужен код из правой панели. Копируем третий тег из первого окна.

f6e92c91-7b64-11f1-8fe4-fa163e2ff576

Перейдите в административную часть сайта.

Аспро → Аспро: Max → Настройки → Общие 

Аспро: Next → Настройки

Аспро → Аспро: Allcorp2 → Настройки

Аспро → Аспро: Market → Настройки

Аспро → Аспро: Шины и диски 2.0 → Настройки

Аспро → Аспро: Optimus → Настройки

Найдите в группе общих настроек поле «Пользовательский шрифт из Google Fonts» и вставьте в него код.

63b101f8-7b5f-11f1-8fe4-fa163e2ff576

Сохраните изменения.

Результат на сайте:

До:

ecdfee7f-7b5e-11f1-8fe4-fa163e2ff576

После:

edd4effa-7b60-11f1-8fe4-fa163e2ff576


Предыдущая статья «Ленивая» подгрузка изображений — LazyLoad
Следующая статья Self-hosted шрифты