Стили текста на сайте
Вместо настройки стиля для каждого отдельного текстового элемента вы можете создать набор стилей текста для всего сайта. Стили будут применяться к текстовым элементам на сайте.
По умолчанию уже создано 7 системных стилей, которые нельзя удалить:
Заголовок 1 - для крупных заголовков, например на главных экранах.
Заголовок 2 - для основных заголовков на странице, например для заголовков секций.
Заголовок 3 - для заголовков карточек и колонок.
Заголовок 4 - для подзаголовков внутри карточек и колонок.
Подзаголовок - для подзаголовков секций.
Текст - основной текст всей страницы.
Подпись - небольшие подписи, например под изображениями.
Заголовок 2 - для основных заголовков на странице, например для заголовков секций.
Заголовок 3 - для заголовков карточек и колонок.
Заголовок 4 - для подзаголовков внутри карточек и колонок.
Подзаголовок - для подзаголовков секций.
Текст - основной текст всей страницы.
Подпись - небольшие подписи, например под изображениями.
Дополнительно вы можете добавить собственный стиль и применить его к отдельным элементам на странице.
При установке стиля Заголовок 1–4 автоматически применяются соответствующие SEO-теги.
Настройка стилей текста
В панели редактора, в верхнем баре, кликните на раздел Стили текста. Внешний вид значка может отличаться в зависимости от размера вашего монитора.
Вы можете выбрать шрифт, настроить размер текста, вес, высоту строки, межстрочное расстояние и цвет, а также перенастроить эти значения для мобильных устройств.
Обратите внимание на особенности стилей текста:
⛳️ Стили применяются ко всем страницам на сайте.
⛳️ Системные стили применяются к добавляемым секциям из каталога секций.
⛳️ Стиль Текст применяется ко всей странице и может затрагивать в том числе сторонние виджеты.
⛳️ Каждый стиль может быть переопределен для конкретной страницы, такой стиль будет помечен символом звездочка *. Изменения в таком стиле будут применяться только к текущей странице.
Переопределение стилей для отдельной страницы
При необходимости переопределите какой-либо из стилей для конкретной страницы. Изменения в таком стиле будут применяться только к текущей странице.
Если стиль был переопределен для страницы, у стиля появится символ звездочки *.
⛳️ Переопределение не работает в глобальных секциях, так как глобальные секции используют стили страницы, на которых находятся.
Переопределение стилей для отдельного элемента
Также вы можете переопределить стиль только для отдельного элемента.
Это также подходит, если вы предпочитаете настраивать каждый элемент отдельно, не прибегая к общим стилям.
Для переопределения доступны:
- размер текста (в PX и REM)
- высота строки (в % и REM)
- толщина шрифта
- межбуквенный интервал (в PX и REM)
Снять переопределение можно кликом на крестик при наведении на параметр.
Создание собственных стилей
Нажмите Добавить стиль.
Настройте необходимые опции: шрифт, размер, толщина шрифта, высота строки и т.д. При необходимости настройте отображение для мобильных отдельно.
Выберите созданный стиль в настройках текстового элемента.
CSS-класс в кастомном стиле
Вы можете скопировать CSS-класс для использования стиля текста в вашем HTML-коде.
В интерфейсе отображается два поля:
Класс для стилей - применяет все заданные параметры
Класс для шрифта - применяет только выбранный шрифт
Класс для шрифта - применяет только выбранный шрифт
Название класса формируется из названия стиля. Для пользовательских стилей предусмотрено изменение CSS-класса.
Если вы случайно удалили использующийся на страницах стиль, вы можете вернуть его, создав новый стиль со старым названием (CSS-классом).
⛳️ Изменение CSS-класса отвяжет стиль от всех элементов, к которым он применен, так как это действие равносильно удалению и созданию нового стиля с новым ID.
⛳️ Мы не рекомендуем менять CSS-классы, так как это может сломать внешний вид страниц.
⛳️ После удаления стиля к тексту автоматически применится стиль элемента Текст.
Загрузка собственных шрифтов
Чтобы использовать свой шрифт, перейдите в раздел Настройки -> Шрифты.
В пункте Мои Шрифты кликните Загрузить шрифт. Рекомендуем использовать формат WOFF2. Также поддерживаются форматы WOFF, TTF и OTF.
Звонок по России бесплатный
8 (800) 555-45-12
© 2012 – 2024 ООО «Флексби»
