Вкладка Шрифты задает шрифты всего магазина и то, насколько плотным выглядит текст. Вы выбираете шрифты один раз, и все секции следуют этому выбору.
Где это найти
Откройте конструктор, нажмите на значок шестеренки и откройте вкладку Шрифты. На вкладке две части: Шрифты и Внешний вид.
Четыре шрифта
- Основной текст: абзацы и большая часть текста, включая поля форм.
- Заголовок: крупные заголовки. Этот шрифт используют тексты со стилем Заголовок 1 или Заголовок 2.
- Подзаголовок: заголовки поменьше. Его используют тексты со стилями от Заголовок 3 до Заголовок 6, а также названия пунктов в ваших меню.
- Акцент: четвёртый шрифт для слов, которые должны выделяться, например слогана или короткой рекламной строки. Чтобы его использовать, выберите блок Текст и в поле Шрифт выберите Акцент.
Нажмите на шрифт, чтобы открыть окно выбора. Введите текст в поле Поиск шрифтов..., чтобы отфильтровать список, затем нажмите на шрифт, чтобы выбрать его. Предпросмотр обновится сразу.
Системные и несистемные шрифты
В окне выбора две группы:
- Системные шрифты: Helvetica, New York, SF Mono и System UI. Они уже есть на устройстве покупателя, поэтому загружаются быстрее. На разных устройствах они могут выглядеть немного по-разному.
- Несистемные шрифты: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Merriweather, Playfair Display, Lora, PT Sans, PT Serif, Quicksand, Space Grotesk, DM Sans, Syne, Manrope, Outfit, Urbanist, Oswald, Bebas Neue, Abel, Abril Fatface и Acme. Они загружаются на устройство покупателя.
Конструктор предупреждает: использование более одного несистемного шрифта может замедлить загрузку страницы. Хороший вариант: один несистемный шрифт для заголовков и системный шрифт (или тот же шрифт) для основного текста.
Арабский текст в магазине автоматически получает подходящий арабский шрифт, поэтому можно выбрать латинский шрифт, не испортив арабские страницы.
Насыщенность текста
В разделе Внешний вид настройка Насыщенность текста делает весь текст магазина тоньше или плотнее сразу:
- Нормальный: насыщенность, с которой была создана ваша тема.
- Средний: каждый стиль текста на одну ступень плотнее.
- Жирный: еще плотнее.
Все стили меняются вместе, поэтому заголовки остаются плотнее основного текста. У некоторых шрифтов меньше вариантов насыщенности, поэтому с ними изменение может быть небольшим.
Частые задачи
- Сделать магазин более современным: попробуйте Inter, Manrope или DM Sans для основного текста и заголовков.
- Сделать его более элегантным: попробуйте Playfair Display или Lora для заголовков, а для основного текста оставьте простой шрифт.
- Текст плохо читается на телефонах: установите насыщенность текста "Средний".
- Изменить размер одного текста: выберите этот текст в его секции и измените размер там. Вкладка "Шрифты" задает только семейство шрифта и насыщенность.
Полезно знать
- Шрифты относятся к рынку, который вы редактируете. Если вы продаете в нескольких рынках, сначала переключите рынок с помощью флага.
- Изменения появятся в магазине, когда вы нажмете Опубликовать.
- Скругления углов, границы и тени задаются вашей темой, а не этой вкладкой. См. Темы магазина.