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

Шрифт в карточке товара: почему покупатель уходит, не дочитав

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

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

Выбор начертания для карточки товара https://wild-card.ru/blog/prodayuschie-kartochki-tovarov-dlya-marketpleysov/ai-i-avtomatizaciya-dizayna-kartochek/ai-protiv-dizaynera/ai-ili-dizayner-chto-vybrat-dlya-kartochki-tovara/ не кажется сложной задачей. Многие берут тот, что понравился визуально, или оставляют стандартный из шаблона. Но между «красиво выглядит на макете» и «читается с телефона в метро при слабом сигнале» — пропасть.

Что на самом деле читают в карточке

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

• Главное фото (0,5–1 секунда)
• Название товара (1–2 секунды)
• Цена и старая цена (1 секунда)
• Рейтинг и количество отзывов (0,5 секунды)
• Блок характеристик — если предыдущее не оттолкнуло

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

Три критерия, которые имеют значение

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

Читаемость при маленьком размере

Название товара на мобильном устройстве часто отображается шрифтом 14–16 пикселей. Характеристики — ещё мельче. Гротески без засечек (Montserrat, Roboto, Inter) на таких размерах ведут себя предсказуемо. Антиквы с засечками начинают «слипаться», особенно если экран не идеальный.

Проверить просто: наберите текст предполагаемым шрифтом, уменьшите до 14 пикселей и отойдите от монитора на полметра. Если различаете слова — шрифт проходит базовый фильтр.

Различимость символов

В характеристиках часто встречаются цифры, единицы измерения, знаки «×», «Ø», проценты. Некоторые шрифты делают шестёрку и девятку почти одинаковыми, единицу и семёрку — родными сёстрами, а ноль — точной копией буквы О. Для художественного текста это терпимо, для технических данных — нет.

Отдельная история — кириллица. Многие красивые латинские шрифты имеют кириллическую версию, сделанную «по-быстрому». Буквы И и Ш сливаются, Ж выглядит неестественно, а Ы превращается в нечитаемую конструкцию.

Нейтральность

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

Лучшие шрифты для карточки — те, которые покупатель вообще не заметит. Он прочитает информацию и пойдёт дальше. Это признак правильного выбора.

Частые ошибки, которые встречаются повсюду

Рассмотрим несколько типичных ситуаций, с которыми сталкиваются продавцы на маркетплейсах.

Ошибка первая: слишком тонкое начертание. Light и Thin выглядят элегантно на большом экране десктопа. На телефоне при яркости 40% тонкие линии просто исчезают. Продавец удивляется, почему покупатели не видят важные преимущества, вынесенные в описание.

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

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

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

Что выбрать: конкретные варианты

Нет смысла перечислять сотни шрифтов. Достаточно нескольких проверенных категорий.

Категория Примеры Где использовать в карточке Неутомимые гротески Inter, Roboto, SF Pro Основной текст, характеристики td>Геометрические гротески Montserrat, Gilroy Заголовки, цена, акценты Гуманистические гротески Open Sans, Nunito Описание, если оно есть

Комбинация Montserrat для заголовка и Inter для характеристик — рабочая пара, которая не подведёт. Главное — не брать оба шрифта из одной суперсемьи, иначе разница между ними будет незаметна, и иерархия снова сломается.

Размер и интервалы: без них шрифт не работает

Самый правильный шрифт можно испортить неправильными настройками. Для карточки товара есть практические ориентиры:

• Название товара: 16–20 px, вес 500–600 (Medium или SemiBold)
• Цена: 20–28 px, вес 700 (Bold)
• Характеристики: 13–15 px, вес 400 (Regular)
• Межстрочный интервал для основного текста: 140–150% от размера шрифта

Межбуквенный интервал (трекинг) в кириллице обычно оставляют нулевым или слегка отрицательным для заголовков. Положительный трекинг делает текст «воздушным», но ухудшает читаемость на маленьких размерах — глазу сложнее скачками от буквы к букве.

Как проверить свой выбор до загрузки

Простой алгоритм, который занимает десять минут, но экономит недели переделок.

1. Сделайте скриншот карточки на десктопе.
2. Откройте этот скриншот на телефоне — именно так многие покупатели оценивают чужие карточки.
3. Уменьшите яркость экрана до 40–50%.
4. Задайте себе вопрос: можно за три секунды понять название, цену и два ключевых свойства?

Если ответ «нет» — проблема не в фото и не в цене. Проблема в том, как информация подана. И шрифт — первая подозреваемая.

Ещё один нюанс, о котором редко вспоминают

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

Невозможно полностью контролировать системные элементы, но можно подобрать шрифт, который хотя бы не конфликтует с ними. Ближе всего к системным — те же Inter, Roboto или SF Pro. Они не создают визуального диссонанса.

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

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