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

Шрифт для карточки товара: как выбрать без дизайнерского образования

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

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

Почему шрифт в карточке вообще что-то решает

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

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

Читаемость — единственный по-настоящему важный критерий

Дизайнеры любят говорить про характер шрифта, его настроение и то, как он передаёт бренд. Для карточки товара всё это вторично. Главный критерий — читаемость при маленьком размере. Название товара на Ozon или Wildberries часто отображается шрифтом 13–16 пикселей, а характеристики — ещё мельче. Если гротеск на таком кегле превращается в набор пятен, он не подходит. Для выбора гарнитуры, устойчивой к сжатию, пригодится источник по теме.

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

Антиква или гротеск — что работает лучше

Все шрифты делятся на две большие группы: с засечками (антиква) и без засечек (гротески). Для карточек товаров гротески подходят практически всегда. У них нет мелких деталей, которые теряются при маленьком размере, и они лучше смотрятся на экранах с разной плотностью пикселей.

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

Рабочие гротески для карточек

• Inter — один из самых универсальных вариантов. Создавался специально для экранов, хорошо читается на маленьких кеглях, имеет много начертаний для выделения важных фрагментов.
• Roboto — стандартный шрифт Android, привычный глазу большинства пользователей. Не претендует на оригинальность, но надёжно работает.
• Montserrat — чуть более характерный вариант с узнаваемым стилем. Хорошо подходит для названий, но на очень мелком тексте лучше заменить его на что-то более нейтральное.
• Open Sans — проверенный временем шрифт с открытыми формами знаков, который читается даже при невысоком разрешении экрана.

Размер и насыщенность: как не переборщить

В карточке товара обычно работает три уровня иерархии: название, цена и характеристики. Каждый уровень должен визуально отличаться, но разница не должна быть резкой.

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

Сколько шрифтов можно использовать в одной карточке

Оптимальное количество — один или два. Один шрифт с разными начертаниями (Regular для текста, SemiBold для заголовков, Bold для цены) выглядит аккуратно и не создаёт хаоса. Два шрифта допустимы, если нужно создать контраст: например, более выразительный для названия и нейтральный для характеристик.

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

Типичные ошибки при выборе шрифта для карточки

Первая ошибка — выбор шрифта только по картинке в каталоге. На превью шрифт выглядит крупно и красиво, а в реальной карточке он будет отображаться в 14 пикселей на фоне сложной фотографии. Всегда нужно проверять шрифт именно в том контексте, где он будет работать.

Вторая ошибка — пренебрежение межстрочным интервалом. Даже отличный шрифт становится нечитаемым, если строки идут вплотную друг к другу. Для основного текста в карточке комфортное значение — 1.4–1.6 от размера шрифта.

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

Практический алгоритм выбора

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

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

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

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