Кейс · 2024

Издательство «Новое литературное обозрение» — цифровая библиотека

НЛО ставило задачу переверстать 42 тома академических монографий в единый цифровой формат, сохраняя научный стиль и улучшая читаемость на мобильных экранах. Мы разработали комплект шрифтов «TypeLab Scholar» — три начертания с оптимизированным межстрочным интервалом и чёткими засечками для мелкого кегля.

Сpread цифрового издания НЛО на планшете: двухколоночная верстка с шрифтом TypeLab Scholar

Результат

Среднее время чтения на мобильных устройствах выросло на 28 % по данным аналитики. Издательство сократило расходы на вёрстку на 35 % за счёт единой типографской системы. Комплект включает 12 начертаний, поддержку Unicode-символов для филологических цитат и специальные глифы для математических формул.

Шрифт: TypeLab Scholar · Кегль: 10.5 pt (основной текст) · Высота строки: 1.65 · Платформа: веб, PDF, EPUB

Кейс · 2023

Colta.ru — длинные статьи в бесконечном скролле

Редакция Colta публикует аналитические материалы объёмом до 15 000 знаков. Старая вёрстка вызывала усталость глаз: пользователи отключались на отметке 40 % от конца статьи. Мы внедрили «TypeLab Read» — шрифт с увеличенной ксюрой, мягкими контрастами и адаптивным трекингом, который автоматически уплотняется на узких экранах.

Что изменилось

Процент дочитывания до конца вырос с 31 % до 57 % за первые три месяца. Редакторы отмечают, что шрифт не конфликтует с цитатами на латыни и греческом — частый вызов для гуманитарных медиа. Лицензия покрывает веб-хостинг, мобильное приложение и офлайн-PDF для партнёрских рассылок.

Длинная статья на Colta.ru в мобильной вёрстке: шрифт TypeLab Read, тёмная тема

Шрифт: TypeLab Read · Кегль: 18 px (десктоп), 16 px (мобильный) · Высота строки: 1.7 · Платформа: веб, приложение

Рекомендации

Типографика длинных текстов: 5 правил от TypeLab

Книжная и медийная вёрстка — это марафон, а не спринт. Читатель проводит на странице от двух до двадцати минут. Каждое типографское решение влияет на удержание внимания. Вот проверенные на практике правила.

1. Длина строки — 45–75 символов

Короткие строки заставляют глаз постоянно возвращаться назад, длинные — терять счёт. Для экранов ориентируйтесь на 60–70 символов с пробелами. В бумажных книгах допустимо до 75. Используйте `max-width: 65ch` в CSS для автоматического контроля.

2. Межстрочный интервал — минимум 1.5

Плотный текст давит на читателя. Для основного корпуса ставьте `line-height: 1.6–1.75`. Заголовки — 1.2–1.3. В научных изданиях с формулами и сносками не экономьте на вертикальном ритме: добавляйте `margin-bottom` к блокам цитат и примеров.

3. Контраст — не чисто чёрный на белом

Максимальный контраст (#000 на #fff) создаёт вибрацию на экране и ускоряет утомление. Используйте `#1a1a1a` или `#2d2d2d` на светлом фоне, а на тёмном — `#e0e0e0`. Для печатных материалов чистый чёрный допустим, но сероватые оттенки (#222) выглядят мягче и дороже.

4. Кегль — не ниже 10 pt для печати, 16 px для экрана

Многие издательства экономят место, уменьшая шрифт до 9 pt. Это работает только для справочников с таблицами. Для художественной и аналитической прозы минимальный комфортный кегль — 10.5 pt в печати и 16 px на экране. Учитывайте возраст аудитории: для 45+ добавьте 1–2 пункта.

5. Один шрифт — три начертания, не больше

Избыток начертаний размывает иерархию. Идеальный набор: Regular для основного текста, Medium или Semibold для подзаголовков, Bold для акцентов. Курсив — только для цитат и иностранных терминов, не для выделения. Если нужны заголовки крупнее 24 pt — добавьте Display-вариант, но не в основной корпус.

6. Тест на усталость — правило 20 минут

Перед утверждением вёрстки прочитайте 8000 знаков подряд без перерыва. Если к концу вы замечаете, что пропустали абзацы или глаза пересыхают — вёрстка не готова. Пригласите трёх тестовых читателей разного возраста и сравните результаты. Реальные данные важнее типографских канонов.

Нужен индивидуальный аудит вёрстки или кастомный комплект шрифтов для вашего издания? Свяжитесь с нами — мы проанализируем текущую типографику и предложим конкретные улучшения.

Обсудить проект