# Типографика

URL: https://chugunov.pro/glossary/frontend/tipografika/
Оригинальное название: typography
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Система оформления текста: выбор гарнитур, размеров, интервалов, длины строк и визуальной иерархии.

## Что такое «Типографика»

Система оформления текста: выбор гарнитур, размеров, интервалов, длины строк и визуальной иерархии. Хорошая типографика делает текст читаемым и задаёт ритм и характер интерфейса. Она учитывает размер шрифта, межстрочный интервал, контраст и оптимальную длину строки. В вебе типографикой управляют CSS-свойствами шрифта, интервалов и выравнивания.

## Связанные термины

- [Типографический режим](https://chugunov.pro/glossary/frontend/tipograficheskii-rezhim/) — Набор параметров отображения текста, выбранный для определённой письменности, среды или дизайнерской задачи.
- [Дизайн интерфейса](https://chugunov.pro/glossary/frontend/dizain-interfeisa/) — Проектирование внешнего вида, структуры взаимодействия и визуальной системы цифрового продукта.
- [Текст](https://chugunov.pro/glossary/frontend/tekst/) — Последовательность символов, отображаемая пользователю и образующая текстовые узлы документа.
- [Выравнивание текста](https://chugunov.pro/glossary/frontend/vyravnivanie-teksta/) — CSS-свойство горизонтального расположения строк текста внутри блока. `text-align` выравнивает текст по левому, правому краю, центру или по ширине.
- [Межстрочный интервал](https://chugunov.pro/glossary/frontend/mezhstrochnyi-interval/) — Высота строки текста, определяющая вертикальное пространство между базовыми линиями соседних строк.
- [Пользовательские свойства CSS](https://chugunov.pro/glossary/frontend/pol-zovatel-skie-svoistva-css/) — Переменные, объявляемые в CSS с именем вида --name и используемые через функцию var() для повторного применения значений.
- [Единица rem](https://chugunov.pro/glossary/frontend/edinitsa-rem/) — Относительная CSS-единица, основанная на размере шрифта корневого элемента документа.
- [Символьная ссылка](https://chugunov.pro/glossary/frontend/simvol-naia-ssylka/) — Запись HTML вида &name; или &#code;, позволяющая вставить специальный либо недоступный с клавиатуры символ.