Урок 8: Типографика и Читаемость 📖

С точки зрения UX (пользовательского опыта), текст — это главное на большинстве сайтов. Если его тяжело читать, пользователь просто уйдет.

Секрет удобного текста

Кроме цвета и размера (font-size), критически важен межстрочный интервал — line-height. Если строки прилипают друг к другу, глаз теряется. Идеальное значение для веба — от 1.5 до 1.6.

Пример хорошей типографики:

Этот блок текста читается очень легко. У него размер шрифта 18 пикселей, а межстрочный интервал умножен на 1.6. Вокруг текста есть свободное пространство (padding). Глаз скользит по строкам без напряжения. Именно так нужно оформлять статьи!

Как это выглядит в коде:


.good-text {
    font-size: 18px;
    line-height: 1.6; /* Добавляет воздух между строками */
}
    


⬅️ Назад к Уроку 7   |   Вперед к Уроку 9: Адаптивность ➡️