Главная › Новости

Какой шрифт выбрать для карточки товара на маркетплейсах

Опубликовано: 22.06.2026

Покупатель видит главное изображение на Wildberries или Ozon примерно полторы-две секунды. За это время мозг успевает считать крупный заголовок, уловить настроение цвета и, если повезёт, заметить ключевое преимущество. Шрифт здесь работает как проводник — он либо помогает тексту дойти до сознания, либо создаёт визуальный шум, от которого взгляд скользит мимо.

Проблема выбора кириллической гарнитуры для карточки состоит в том, что красивый латинский оригинал часто превращается в нечитаемую кашу при переводе на кириллицу. Отдельные буквы сливаются, строчные «з» и «э» теряются, а плотная насыщенность шрифта делает блок текста сплошным пятном на маленьком экране телефона.

Что реально влияет на читаемость

Размер на макете — лишь верхушка айсберга. Два шрифта одинакового кегля могут вести себя на карточке совершенно по-разному. Вот параметры, которые стоит проверять до того, как макет отправится в продакшен.

• Межбуквенный интервал (трекинг). На кириллице почти всегда нужен чуть больший трекинг, чем на латинице. Буквы «ж», «ш», «щ», «м» занимают больше горизонтального пространства и при плотной посадке съедают воздух между символами.
• Контраст штрихов. Шрифты с резким переходом от толстого к тонкому (как у классической антиквы) плохо переносят сжатие до мобильных размеров. Тонкие штрихи просто исчезают.
• Высота строчных букв (x-height). Гарнитуры с большим x-height читаются на маленьких кеглях лучше, потому что строчные буквы занимают большую площадь внутри эмквадрата.
• Форма диагональных штрихов. Буквы «а», «д», «р» с закрытыми, слишком острыми формами на кегле 14–16 пикселей превращаются в пятна. Нужны открытые формы с явным просветом.
• Наличие табличных цифр. Если в карточке указаны размеры, вес или цена крупным кеглем, цифры должны выстраиваться в ровные колонки. Пропорциональные цифры в таких блоках дёргаются и выглядят неаккуратно.

Гарнитуры, которые проверены на практике

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

Montserrat

Геометрический гротеск с широким набором начертаний. На кириллице работает неплохо благодаря простым формам букв — минимум засечек, минимум декора. Заголовки на Montserrat Bold или Black хорошо читаются даже при наложении на насыщенный фон с текстурой ткани или фактурой продукта. Главное — не ставить лёгкие начертания (Light, ExtraLight) на мелкий текст описания: они теряют плотность и выглядят полупрозрачными.

Inter

Спроектирован специально для экранного чтения, и это чувствуется. Буквы «з», «э», «б» имеют увеличенные внутренние просветы, что критично для кириллицы на мобильных экранах. Inter хорошо подходит для блоков с характеристиками — таблиц, списков, кратких описаний. Единственный минус: при очень крупном кегле (заголовки на весь слайд) гарнитура может казаться слишком нейтральной, почти невидимой.

PT Sans и PT Serif

Редкий случай, когда шрифт изначально создавался для кириллицы, а не адаптировался из латинского оригинала. PT Sans даёт чистый, открытый рисунок, хорошо работает в заголовках и подзаголовках. PT Serif уместен там, где нужен намёк на премиальность — косметика, парфюмерия, дорогие аксессуары. Но сериф нужно брать с запасом по кеглю: на размерах меньше 18–20 пикселей детали начинают плыть. Материал «выбор шрифта для карточки» посвящён гарнитурам, которые сохраняют форму после сжатия изображения.

Roboto

Системный шрифт Android, знакомый каждому пользователю. Плюс в том, что глаз не тратит время на распознавание форм — мозг считывает текст моментально. Минус в том же: Roboto выглядит обыденно. Если карточка должна выделяться среди сотен конкурентов в категории, Roboto вряд ли поможет. Хорош для технических товаров, автозапчастей, инструментов — там, где важна фактура, а не типографическая игра.

Oswald

Узкий конденсированный гротеск. Позволяет вписать длинную фразу в ограниченную по ширине область шапки карточки. Часто используется для акцентных строк типа «Хит продаж» или «Новая коллекция». На кириллице работает приемлемо, но требует увеличенного трекинга — иначе буквы сливаются в сплошную ленту. Не подходит для описаний и характеристик, только для крупных заголовков.

Nunito

Скруглённый гротеск с мягкими формами. Подходит для детских товаров, игрушек, домашнего текстиля, всего того, где нужно передать ощущение уюта и безопасности. На кириллице скруглённые концы штрихов иногда делают буквы слишком похожими друг на друга (особенно «и» и «ш» на мелких кеглях), поэтому для текста ниже 16 пикселей Nunito лучше не использовать.

Open Sans

Рабочая лошадка, которая есть почти в каждом дизайн-проекте. Читается хорошо, кириллица проработана качественно, есть нормальная и узкая версия. Проблема — переиспользование. Покупатель видит Open Sans на десятках карточек подряд, и гарнитура просто перестаёт работать как инструмент выделения.

Сравнение по задачам

Типичные ошибки при работе со шрифтами на карточках

Первая и самая распространённая — использование более двух гарнитур в одном макете. Заголовок на Montserrat, подзаголовок на Inter, характеристики на Roboto, цена на Oswald — всё это превращает карточку в типографическую выставку, где текст перестаёт быть текстом и становится элементом декора. Достаточно одного шрифта с двумя-тремя начертаниями или двух шрифтов, где один отвечает за заголовки, а второй — за тело.

Вторая ошибка — игнорирование рендеринга на разных устройствах. Шрифт, который выглядит чётко на макете в Figma при 200-процентном масштабе, может превратиться в мыло на реальном телефоне с включённым сглаживанием. Проверять нужно именно на целевом разрешении, а не на экране ноутбука.

Третья — слишком длинные текстовые блоки. Карточка товара не место для абзацев. Если описание занимает больше трёх строк, его никто не прочитает. Шрифт здесь вторичен: проблему не решит ни самая читаемая гарнитура, если объём текста превышает разумные пределы.

Четвёртая — цвет текста, подобранный по эстетическим соображениям без проверки контраста. Светло-серый на белом, бежевый на кремовом, тёмно-синий на чёрном — такие комбинации выглядят элегантно на мониторе дизайнера, но на экране телефона под ярким солнцем становятся невидимыми. Контрастность по WCAG 2.1 — не формальное требование, а практический инструмент.

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

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

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

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

Пара слов о лицензиях

Большинство бесплатных шрифтов на Google Fonts имеют лицензию SIL Open Font License, которая разрешает коммерческое использование, включая оформление карточек для маркетплейсов. Однако некоторые гарнитуры распространяются с ограничениями — например, бесплатно доступны только базовые начертания, а за жирные или курсивные версии нужно платить. Использовать такой шрифт на карточке, которая генерирует доход, без покупки лицензии — рискованная история. Правообладатели периодически мониторят крупные маркетплейсы, и штрафы за нарушение авторских прав не редкость.

Платные шрифты от крупных найдри (ParaType, TypeType, Intertype) стоят от нескольких тысяч рублей за начертание. Для одного товара переплачивать нет смысла, но если селлер работает с десятками позиций и нуждается в узнаваемом фирменном стиле, покупка одной качественной кириллической гарнитуры оправдывает себя.