Шрифты сайта

Шрифты задают «голос» сайта: заголовки, основной текст, подписи и надписи на кнопках. В Photosquare типографика настраивается глобально — изменения применяются ко всем страницам, где используется тот или иной стиль текста.

Обзор панели «Стили сайта» — в Стили сайта: обзор. Цвета и кнопки (форма, не шрифт) — в Цвета и цветовые темы и Кнопки.

Перед началом

1. Откройте редактор: ваш-id.photosquare.ru/config.
2. В главном меню выберите Стили → Шрифты или нажмите иконку кисти над превью и перейдите в раздел шрифтов.
3. Результат правок виден в превью справа — см. Превью сайта в редакторе.

[изображение: панель «Шрифты» — превью «Заголовок» и «Это ваш параграф», пункт «Все наборы шрифтов», базовый размер, список категорий]

Наборы шрифтов

Быстрый способ привести сайт к цельному виду — выбрать готовый набор: пара шрифтов для заголовков и параграфов с согласованными размерами.

1. На экране Шрифты нажмите Все наборы шрифтов.
2. Откройте вкладку Sans-Serif, Serif или Mixed — наборы сгруппированы по характеру шрифтов.
3. Нажмите на понравившийся набор — превью сайта обновится сразу.

После выбора набора можно доработать отдельные категории вручную (см. ниже). Чтобы изменения попали на опубликованный сайт, нажмите Сохранить на панели над превью.

Базовый размер

На главном экране Шрифты параметр Базовый размер задаёт опорный размер текста (от 12 до 24 px). Остальные размеры на сайте масштабируются относительно него. Используйте кнопки − и + рядом со значением.

Настройка по категориям

Ниже базового размера — пункты для точной настройки. У каждого открывается отдельная панель:

1. Заголовки — шрифт, начертание, межстрочный интервал, межбуквенный интервал, регистр; размеры для уровней заголовка 1–4.
2. Параграфы — шрифт основного текста и те же параметры; размеры для крупного, обычного и мелкого текста.
3. Кнопки — типографика для основной, второстепенной и дополнительной кнопок (форма кнопок — в Кнопки).
4. Прочее — мелкий служебный текст: подписи, метки и похожие элементы.

В каждой категории шрифт выбирается из библиотеки Google Fonts — список сгруппирован (без засечек, с засечками и др.). Загрузка собственных файлов шрифтов в продукте пока недоступна.

[изображение: панель «Заголовки» — выбор шрифта, начертание, слайдеры размеров H1–H4]

Что можно менять для каждого стиля

Назначить стили

Не все элементы сайта используют «Заголовок» или «Параграф» напрямую. Пункт Назначить стили связывает конкретные элементы интерфейса (пункты меню, подписи в шапке и др.) с одним из базовых стилей или с произвольными настройками.

Откройте элемент в списке → выберите стиль (заголовок, параграф, прочее или произвольный) и при необходимости задайте размер. Шрифт навигации в шапке также можно настроить здесь или вместе с оформлением шапки — см. Настройка шапки сайта (когда будет опубликована).

Сохранение

Любые изменения шрифтов — выбор набора, базовый размер, настройки по категориям, «Назначить стили» — сначала видны в превью. Чтобы посетители увидели их на опубликованном сайте, нажмите Сохранить на панели над превью.

Текст в блоках

Глобальные стили задают вид заголовков и абзацев на всём сайте. В отдельном текстовом блоке можно выделить фрагмент и задать формат (заголовок 2, список, ссылка) — это не меняет глобальные настройки. Подробнее: Блок текста.