Руководства/Стили/Изменение шрифтов

Изменение шрифтов

Из этого руководства вы узнаете, как устанавливать размер шрифта текстовых блоков, изменять размер шрифта по умолчанию и создавать пользовательские наборы настроек типографики вашего сайта.

Как задать размер шрифта определённого контента

В текстовом блоке можно изменить размер шрифта, если нужно сделать его удобнее для чтения или привести в соответствие с оформлением сайта. Чтобы задать размер шрифта отдельного блока, выполните следующие действия:

  1. Щёлкните текстовый блок, который нужно отредактировать (например, Абзац, Заголовок или Список).
  2. На боковой панели настроек блока найдите раздел Типографика.
  3. В списке пресетов выберите размер шрифта (например, мелкий, средний или крупный) или щёлкните значок «Установить размер», чтобы ввести нужное значение.
    • Пресеты — это готовые наборы настроек размера шрифтов (например, мелкого или крупного), с помощью которых поддерживается единообразие оформления текста на всём сайте.
  4. По умолчанию размер шрифта измеряется в пикселях. Щёлкните надпись px, чтобы выбрать другую единицу измерения. Подробнее о единицах измерения.
  5. Просмотрите изменения или нажмите кнопку «Сохранить» в правом верхнем углу, чтобы применить их.
Выбран значок «Установить размер», стрелка указывает на поле ввода размера.

💡

Настройки по умолчанию определённого блока можно также изменять с помощью опции «Стили» в разделе консоли Внешний видРедактор.

Как задать размер шрифта на сайте

Можно настроить размер шрифта по умолчанию для элементов всего сайта, выполнив следующие действия:

  1. На консоли сайта перейдите в раздел Внешний вид → Редактор.
  2. Выберите Стили в меню слева.
    • Также в правом верхнем углу редактора можно выбрать значок Стили (чёрно-белый кружок).
  3. Нажмите Типографика, чтобы изменить размер шрифта по умолчанию для элементов на всём сайте.
  4. В разделе Элементы выберите один из следующих вариантов:
    • Текст
    • Ссылки
    • Заголовки
    • Подписи
    • Кнопки
  5. В списке пресетов выберите размер шрифта (например, мелкий, средний или крупный) или щёлкните значок «Установить размер», чтобы ввести нужное значение.
  6. Нажмите «Просмотреть изменения» или Сохранить, чтобы применить изменения.
Раздел «Типографика» на вкладке «Стили» редактора; выделены различные параметры элементов текста.

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

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

  1. Перейдите в раздел Внешний вид → Редактор на консоли вашего сайта.
  2. Выберите пункт меню Стили.
  3. Выберите параметр Типографика.
  4. Нажмите «Пресеты размера шрифта» в нижней части панели.
  5. Выберите пресет размера шрифта (например, малый, средний или крупный).
  6. Введите нужное значение в поле Размер и выберите единицу измерения (px, em, rem, vh или vw).
    • Включите опцию «Плавная типографика», чтобы шрифт динамически масштабировался в соответствии с размером экрана или окна просмотра.
    • При необходимости включите опцию «Пользовательские предельные значения», чтобы задать минимальное и максимальное значения масштабируемого размера шрифта.
  7. Нажмите «Просмотреть изменения» или Сохранить, чтобы применить изменения.
Опция пресетов размера шрифта в настройках типографики.

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

Чтобы добавить пользовательский пресет размеров шрифта для удобства применения в дальнейшем, выполните следующие действия:

  1. Перейдите в раздел Внешний вид → Редактор на консоли вашего сайта.
  2. Выберите пункт меню Стили.
  3. Выберите параметр Типографика.
  4. Нажмите опцию «Пресеты размера шрифта» в нижней части панели.
  5. Рядом с надписью Пользовательский нажмите значок «плюс» (+). Появится новый пресет размеров шрифта под названием по умолчанию, например «Новый размер шрифта 1».
  6. Выберите размер шрифта для нового пресета.
  7. Нажмите значок с тремя точками () в правом верхнем углу и выберите «Переименовать», чтобы дать пресету значащее название.
  8. Введите нужное значение в поле Размер и выберите единицу измерения (px, em, rem, vh или vw).
    • Включите опцию «Плавная типографика», чтобы шрифт динамически масштабировался в соответствии с размером экрана или окна просмотра.
    • При необходимости включите опцию «Пользовательские предельные значения», чтобы задать минимальное и максимальное значения масштабируемого размера шрифта.
  9. Нажмите «Просмотреть изменения» или Сохранить, чтобы применить изменения.
Настройки по умолчанию пользовательского пресета размеров шрифта.

Теперь новый пресет размеров шрифта будет отображаться в настройках типографики на всём сайте, чтобы вы могли поддержать единообразие шрифтового оформления.

Copied to clipboard!