Дизайнер поставил тонкий рукописный заголовок «Сохраняет тепло 12 часов» – на мониторе «премиум», в плитке WB на телефоне серое пятно. Так у Игоря с термокружкой: сосед с Inter Bold «12 ч тепла» читался за секунду. Как выбрать шрифт для инфографики: зафиксируйте одну гарнитуру с кириллицей, два веса (Bold + Regular), проверьте слайд на телефоне без зума – и сможете принять макет или отдать ту же пару в бриф студии.
На слайде инфографики работают максимум 1–2 семейства шрифтов, лучше одна гарнитура и два начертания: заголовок Bold/SemiBold, подпись Regular. Thin, Light, курсив и рукописные на выгодах в мобильной выдаче сливаются. Ориентир контраста текст/фон – от 4,5:1 (крупный жирный – от 3:1). Обязательный phone-check: экспорт PNG → галерея 5–6″ без увеличения. В брифе – имена шрифтов и правило «без Thin».
Тут важный момент: студии шрифтов хвалят «характер», а гайды под маркетплейсы почти единодушны – гротеск и жирный заголовок. Ozon после десятков примерок выбрал экранный Onest: площадки ценят читаемость на маленьком экране. Кегли в гайдах расходятся (40–50 pt на 1080² vs ~28–40 px на 900×1200) – ориентир всегда дополняйте phone-check, а не «официальным кеглем WB».
Если дизайнер уже третий раз присылает Thin «для премиума», а в выдаче заголовок – каша, проще зафиксировать пару Inter SemiBold/Regular и отдать бриф студии, чем гадать вкус ещё один вечер. Ниже – как принять типографику; в конце короткий тест и номер на бесплатную консультацию.
Уберите Thin и курсив: что ломает CTR в плитке
Боль новичка простая: «красиво» на мониторе не равно «читаемо» в превью 5–6 дюймов. Типичная ошибка – Thin/Light, Condensed, рукописный скрипт и три гарнитуры на одном слайде. При сжатии в выдаче тонкие штрихи пропадают, скрипт становится пятном.
Не делайте декоративный шрифт на цифрах и УТП. Используйте гротеск с полной кириллицей: Inter, Manrope, Roboto, Open Sans, PT Sans, Onest, Golos Text – рабочие ориентиры, не каталог «100 красивых». Избегайте шрифтов без русских букв.
- Шаг 1. Откройте макет на телефоне без зума – если заголовок не читается за секунду, шрифт виноват раньше «цвета».
- Шаг 2. Вычеркните Thin, Light, ExtraLight, рукописные и готические начертания с выгод.
- Шаг 3. Оставьте не больше двух семейств; лучше одно.
- Шаг 4. Замените курсив на SemiBold или цвет/плашку – контраст веса читается лучше наклона.
- Шаг 5. Проверьте, что рядом нет третьего «акцентного» декоративного шрифта на иконках.
Workflow стоп-листа:
макет «красиво» → phone-check без зума → вычеркнуть Thin/скрипт → одна гарнитура × 2 веса → повторный экспорт
Как выбрать пару шрифтов с кириллицей: заголовок и подпись
Вопрос «какой шрифт для инфографики» закрывается не топ-листом, а парой ролей. Заголовок – SemiBold или Bold: одна короткая фраза. Подпись – Regular или Medium: материал, объём, уточнение. На практике одна семья спокойнее двух «характерных» пар. Например, Inter SemiBold на «12 ч тепла» и Inter Regular на «нержавейка» читаются в плитке лучше, чем рукописный «премиум» плюс второй декор.
| Роль | Начертание | Что писать | Чего избегать |
|---|---|---|---|
| Заголовок / УТП | Bold / SemiBold | 1 тезис, до ~8–12 слов | Thin, скрипт, курсив |
| Подпись | Regular / Medium | факт: материал, объём, срок | второй декоративный шрифт |
| Сноска / мелкий текст | Regular, крупнее чем «мелкий» | минимум или убрать | Condensed на мелком кегле |
Выберите одну гарнитуру на всю серию слайдов SKU, чтобы кадры не выглядели как от разных брендов. Добавьте в бриф: «Inter SemiBold + Inter Regular, кириллица, без Thin». Русские шрифты для инфографики – те же гротески с полной кириллицей. Про порядок кадров WB – в разборе инфографики Wildberries.
Проверьте размер и контраст на экране 5–6 дюймов
Монитор врёт. Ориентир: заголовок крупный и жирный, тело меньше, но не микротекст. На ~1080² часто советуют заголовок от 40–50 pt и тело от 24; на 900×1200 – заголовок ~28–40 px, подпись 16–20. Это старт для phone-check, не закон площадки.
Проверьте контраст: тёмный на светлом или светлый на тёмной подложке. В сниппетах к фото – пороги около 4,5:1 для обычного текста и от 3:1 для крупного жирного. Не делайте серый Thin на фото товара.
Слова на слайде – ориентир до 20–30, один тезис. Уберите абзац «как в лендинге». Результат: PNG в галерее без зума и с уменьшением 20–25% читается – типографика жива.
- Шаг 1. Экспортируйте PNG слайда как для кабинета.
- Шаг 2. Откройте файл в галерее смартфона, яркость как в метро.
- Шаг 3. Не делайте pinch-zoom – читается или нет с первого взгляда.
- Шаг 4. Уменьшите превью на 20–25%: так имитируют дальнюю плитку.
- Шаг 5. Если каша – увеличьте вес/кегль или сократите фразу, не «добавьте третий шрифт».
Куда ставить текст, чтобы не спорил с товаром и бейджами
Даже идеальный шрифт убьёт CTR, если фразу спрятали в угол под плашки. В разборах требований к фото WB важный текст держат ближе к центру: плашки могут закрывать до ~15% краёв. Длинную инфографику на главное фото лучше не вешать – выгоды на доп. слайдах.
Используйте короткую строку рядом с товаром. Добавьте подложку, если фон пёстрый. Избегайте текста в верхних и нижних углах. Холст на практике часто 900×1200 (3:4), в сниппетах минимум ~700×900 – рамка файла, не повод мельчить кегль. Лимиты сверяйте в кабинете на дату загрузки (UI-check), без слепого копирования чужих «официальных» цифр.
Соберите чеклист шрифтов перед экспортом PNG
Первый результат сегодня – принять работу или собрать бриф, не «набрать карточку за вечер». Проверьте макет по списку; если пунктов нет – исправьте ТЗ до оплаты правок. Сделайте пометку «принять / вернуть / студия».
- На слайде ≤2 семейства шрифтов; лучше 1 × 2 начертания.
- Заголовок Bold/SemiBold, подпись Regular/Medium, полная кириллица.
- Нет Thin/Light, рукописных, готических и Condensed на мелком тексте.
- Один главный тезис; ориентир ≤20–30 слов на кадр.
- Контраст текст/фон читается; серого «дыма» нет.
- Ключевой текст не в углах под бейджами; товар не перекрыт простынёй.
- Phone-check: галерея без зума + уменьшение 20–25%.
- В брифе студии: имена гарнитур, веса, «без Thin», правило проверки на смартфоне.
- Лицензия шрифта на коммерцию проверена (часто OFL / Google Fonts – UI-check).
- Серия слайдов одного SKU на одной паре шрифтов.
- Чеклист приёмки подписан: принять / вернуть / отдать студии.
Workflow приёмки:
пара шрифтов в брифе → макет → phone-check → чеклист 11 пунктов → принять или вернуть → при 3+ кругах вкуса – консультация студии
Как понять, что получите нужный результат. Заголовок читается с телефона без зума; одна семья и два веса; Thin нет; текст не под плашками. Вы сможете выбрать: править макет по чеклисту или отдать пару в студию (тарифы – на странице тарифов). Соберите бриф из имён шрифтов и phone-check – без спора о «вкусе».
Материал проверен: Stan (дизайнер карточек для Wildberries и Ozon).
Достоверность данных: лимит ≤2 семейств и иерархия – TypeType (обн. 25.06.2026), Skillguid, Pixsora; стоп Thin/скрипт и кегли – Pixsora (24.06.2026), Облик (31.05.2026); контраст 4,5:1 / 3:1 – сниппеты item-photo-rules; безопасные зоны и практика 900×1200 – Seller Moon trebovaniya/terminy; сигнал Onest у Ozon – Locals. Частотность «шрифт для инфографики» – 302 по Яндекс Вордстат на 2026-09-12.
Частые вопросы
Какой шрифт для инфографики маркетплейсов выбрать новичку?
Одна гарнитура с кириллицей (Inter, Manrope, Onest, PT Sans, Roboto) и два веса: Bold/SemiBold на заголовок, Regular на подпись. Не делайте скрипт на УТП – в плитке проиграет гротеску.
Можно ли декоративный шрифт на выгодах?
На выгодах и цифрах – нет. Используйте вес и кегль, а не «красивую» форму букв на тезисе, который считают за секунду.
Сколько шрифтов максимум на одном слайде?
Ориентир – максимум два семейства; безопаснее одно × два начертания. Три и больше почти всегда дают кашу на телефоне.
Нужны ли русские шрифты для инфографики отдельно?
Нужна полная кириллица в выбранной гарнитуре, не отдельный «русский каталог». Проверьте все буквы фразы товара до экспорта.
Как проверить читаемость без «дизайнерского глаза»?
PNG → галерея без зума → уменьшение 20–25%. Не читается – увеличьте Bold/кегль или сократите текст.
Что написать дизайнеру в ТЗ по шрифтам?
«Inter SemiBold + Inter Regular (или Manrope/Onest), без Thin, кириллица; phone-check без зума; текст не в углах». Этого хватает для приёмки без спора о вкусе.