Как использовать кастомный шрифт на сайте

Как это работает

Xsolla Site Builder предоставляет стандартный набор шрифтов для оформления заголовков и основного текста на сайте. Однако в случае, если стандартный набор не соответствует вашему дизайнерскому решению, вы можете загрузить и использовать собственный шрифт. Поддерживаются как шрифты, размещенные через внешние ссылки, например, Google Fonts, так и локальные файлы популярных форматов: .ttf, .otf, .woff, и .woff2.

Как настроить

  1. На сайте Google Fonts или другом сайте выберите шрифт, скопируйте URL-адрес CSS-файла для подключения или скачайте шрифт. Поддерживаемые форматы: .ttf, .otf, .woff, и .woff2.
Примечание
Для получения шрифта вы можете использовать любой надежный ресурс. Шрифты, размещенные на Google Fonts, доступны бесплатно и разрешены для коммерческого использования. При выборе альтернативного ресурса убедитесь, что у вас есть права на коммерческое использование выбранного шрифта.
  1. В проекте в Личном кабинете в проекте перейдите в раздел Каналы продаж > Веб-сайты.
  2. В карточке нужного сайта нажмите Открыть Site Builder или создайте сайт.
  3. В боковом меню перейдите к разделу Шрифты и нажмите Загрузить шрифт.
  1. В открывшемся окне вставьте ссылку на шрифт или загрузите файл со своего компьютера.
  2. Нажмите Загрузить и дождитесь появления шрифта в списке.
  3. Закройте окно загрузки.
  4. В боковом меню перейдите к разделу Шрифты и выберите загруженный шрифт для заголовков или основного текста.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.

Полезные ссылки

Последнее обновление: 29 августа 2025

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!
Не получилось отправить ваш комментарий
Попробуйте еще раз позже или напишите нам на doc_feedback@xsolla.com.