Шрифт в карточке товара делает половину работы дизайнера: он определяет, прочитает покупатель ключевую характеристику в превью или проскроллит мимо, пройдёт ли инфографика автомодерацию по контрасту и не «утонут» ли подписи в мобильной плитке. В статье — какие 5 шрифтов реально работают на WB и Ozon, какие кегли ставить под главное и подписи, что запрещено модерацией и как за 2 минуты проверить читаемость до загрузки. Все упомянутые шрифты — open-source, с кириллицей, в свободном доступе по SIL OFL.
Зачем выбирать шрифт осознанно
70%+ заказов на WB и Ozon приходят со смартфона — площадки сами публикуют эту цифру в отчётах о трафике. Это означает, что ваша инфографика будет читаться не на 27-дюймовом мониторе дизайнера, а на экране 5-6 дюймов, часто на ходу, под прямым солнцем, со сжатой выдачей в плитке. Шрифт — единственное, что отделяет «работает за 3 секунды» от «непонятно, что написано».
Площадки знают про мобильный трафик и фиксируют требование к контрасту: основной текст к фону — не ниже 4.5:1 по правилам WB, это норма WCAG 2.1 AA. Для крупного жирного шрифта (от 18.5 px bold или от 24 px regular) допустимо 3:1 — полный разбор правила. Меньше — автомодерация может отклонить карточку, а если не отклонит, при сжатии в выдаче текст превратится в нечитаемую полосу.
Второй фактор — категория. Шрифт в карточке несёт не только информацию, но и эмоциональный сигнал. Тонкая антиква работает на премиум-косметике и проваливается на детских товарах. Округлый sans отлично смотрится на товарах для малышей и неуместен на электронике. Дальше — конкретно, какие шрифты под что брать и почему. Общий контекст по дизайну карточки разбирали в статье про тренды 2026.
Технические требования к шрифтам на WB и Ozon
Прямых требований «использовать только этот список шрифтов» у площадок нет — есть требования к читаемости, контрасту и кеглю, под которые шрифт нужно подбирать.
WB (seller.wildberries.ru):
- Контраст текста к фону — не ниже 4.5:1 для основного, 3:1 для крупного.
- Шрифт читаемый, без декоративных излишеств.
- Запрещены водяные знаки, контактные данные, ссылки.
- Кегль не нормирован цифрой, но рабочая практика — основной текст от 16 px в превью, заголовки от 24 px.
Ozon (docs.ozon.ru):
- Текст должен быть читаемым на мобильном устройстве.
- Запрещены плашки «скидка», «акция», «бестселлер» — это требование к контенту, не к шрифту, но влияет на дизайн.
- Жёсткие требования к фону (#f2f3f5 для одежды, чёрный для прозрачных, белый для остального) — диктуют, какого цвета должен быть текст для прохождения 4.5:1.
Безопасные категории шрифтов: sans-serif без засечек, спроектированные под экран. Inter, Manrope, Geist, Onest, Golos Text, Roboto, Open Sans — все проходят и WB, и Ozon без вопросов при правильном кегле и контрасте.
Опасные: антиквы со сложными засечками, рукописные, готические, ультра-тонкие (Thin/Hairline) под мелким кеглем, декоративные с эффектами (3D, neon, обводки). Не значит «запрещены прямо», означает «легко не пройти контраст или читаемость в превью».
Что не пройдёт модерацию
Список того, что чаще всего возвращается на доработку или режется при сжатии до нечитаемого состояния.
1. Декоративные витиеватые шрифты. Lobster, Pacifico, Great Vibes, Allura — рукописные и каллиграфические. Не читаются в плитке, не выдерживают сжатия. В премиум-косметике иногда выглядят уместно — но только для логотипа или одного крупного слова, не для инфографики с характеристиками.
2. Blackletter / готические. Old English Text, UnifrakturMaguntia, любые «средневековые». На карточке маркетплейса смотрятся как чужеродный артефакт независимо от категории. Возможное исключение — узкая ниша (атрибутика метал-сцены, тематические аксессуары), но и там лучше использовать как логотип, не как инфографику.
3. Тонкий script под мелким кеглем. Любой курсивный или рукописный шрифт ниже 24 px в превью превращается в кашу. Если очень хочется script для эмоции — только крупно (от 40 px), только одно слово, только с высоким контрастом.
4. Шрифты без кириллицы. Скачали красивый Display Font на dafont — а букв «Ж», «Щ», «Ё» в нём нет, или они выглядят как «приклеенные» из другой системы. Перед использованием — обязательно проверить начертания всех 33 русских букв, включая «Ы», «Й», «Ъ».
5. Ультра-тонкие Thin / Hairline под малым кеглем. Inter Thin 14 px чёрным по светло-серому фону = автомодерация вернёт по контрасту даже формально при 4.5:1, потому что тонкие штрихи визуально «худеют» при сжатии. Под мелкий кегль — минимум Regular, лучше Medium.
6. Системные шрифты Windows / MS Office. Times New Roman, Calibri, Arial без проверки — Calibri и Arial на iOS / Android отрисовываются как fallback и выглядят кустарно. Лучше явно указать sans-serif из современного семейства (Inter / Manrope), которое одинаково смотрится на всех устройствах.
Подробнее про то, как нечитаемая инфографика убивает CTR — в статье про 10 ошибок в карточке.
5 шрифтов под рынок РФ
Все пять — sans-serif, бесплатные, с полной кириллицей, под лицензией SIL OFL (свободное коммерческое использование).
1. Inter
Создан Расмусом Андерссоном в 2016, выпущен в 2017 (Wikipedia). Спроектирован специально под экраны, neo-grotesque. 9 весов — от Thin (100) до Black (900), 2000+ глифов, поддержка 147 языков включая кириллицу. Доступен на Google Fonts.
Где брать: Inter Regular 16-18 px для подписей, Inter SemiBold 24-32 px для заголовков, Inter Bold 48-72 px для главных цифр («50 мл», «-30%»).
Категории: универсальный. Электроника, бытовая химия, инструменты, БАДы, нейтральная одежда, спорт. Работает почти везде.
Слабое место: на премиум-косметике может смотреться «слишком технологично» — там Manrope или Onest лучше.
2. Manrope
Открытый geometric sans от Михаила Шаранды (2018) (fontsquirrel). 7 весов variable, полная кириллица, SIL OFL. Более «дружелюбный» и округлый, чем Inter. Доступен на Google Fonts.
Где брать: Manrope Medium 18-20 px для подписей, Manrope ExtraBold 28-40 px для заголовков, Manrope Bold 48-64 px для главных акцентов.
Категории: косметика и парфюм (особенно молодёжная), детское, food, lifestyle-товары, аксессуары, текстиль. Везде, где нужна «человечность» и нет жёсткой технической эстетики.
Слабое место: на серьёзной электронике и инструментах может звучать слишком мягко.
3. Geist
Семейство от Vercel, 2023, в коллаборации с Basement Studio и Andrés Briganti. SIL OFL. Кириллица добавлена в более поздних версиях — проверять актуальную сборку на GitHub vercel/geist-font. Очень чистый, нейтральный grotesque без характерных «фишек», что делает его идеальным фоновым шрифтом.
Где брать: Geist Regular 16 px для подписей, Geist SemiBold 24-32 px для заголовков, Geist Black 48-72 px для крупных акцентов. Geist Mono — для технических подписей (артикулы, кодовые маркировки), не для основного текста.
Категории: электроника, гаджеты, IT-аксессуары, инструменты, B2B-товары. Категории с современной технологичной эстетикой.
Слабое место: младше Inter и Manrope, кириллица иногда требует проверки начертаний на конкретных буквах («Д», «Ж»).
4. Onest
Создан Андреем Кудрявцевым и Дмитрием Волошиным, гибрид geometric и humanist grotesque (Google Fonts). 9 весов, SIL OFL, изначально спроектирован под кириллицу и латиницу одновременно, не как «латинский шрифт с догнанной кириллицей». Это делает русские начертания особенно качественными.
Где брать: Onest Regular 16-18 px для подписей, Onest Bold 24-32 px для заголовков, Onest Black 48-64 px для главных акцентов.
Категории: ru-first проекты, локальные бренды, культура, образование, premium-косметика, парфюмерия, нишевые ремёсла. Лучший выбор, когда важна узнаваемость русского начертания.
Слабое место: менее распространён, чем Inter — иногда требует объяснений дизайнерам.
5. Golos Text
Спроектирован для длинного чтения студией Smena по заказу AIC Media для государственных и социальных сервисов в РФ. Парный шрифт к Golos UI (более узкий, для интерфейса). Полная кириллица «первой свежести», SIL OFL, доступен на Google Fonts (Golos Text).
Где брать: Golos Text Regular 16-18 px для подписей и описаний характеристик (особенно если их 3-5 строк), Golos Text DemiBold 24-32 px для заголовков, Golos Text Bold 40-56 px для акцентов.
Категории: товары для дома, БАДы, медицинские товары, инструкции, гарантии, сертификаты, food с подробным составом, книги, обучающие материалы. Везде, где есть много текста в инфографике и важна комфортная читаемость.
Слабое место: для короткой ярлычной инфографики Inter и Geist выглядят современнее.
Иерархия размеров: что под что
Кегль решает не меньше, чем шрифт. Один и тот же Inter в 14 px и 64 px несёт принципиально разное сообщение. Универсальная сетка для карточки 900×1200 px (стандарт WB / Ozon):
| Роль | Кегль (px) | Вес |
|---|---|---|
| Главная цифра / акцентное слово на кадре | 56-72 | Bold / ExtraBold / Black |
| Основной заголовок инфографики | 28-40 | SemiBold / Bold |
| Подзаголовок, второй уровень | 20-28 | Medium / SemiBold |
| Подпись к иконке | 16-20 | Regular / Medium |
| Сноска, мелкая характеристика | 14-16 | Regular |
| Минимально допустимое (юридические пометки) | 12-14 | Regular |
Правила работы с иерархией:
- На одном кадре — максимум 3 уровня размеров. Иначе глаз растеривается.
- Соотношение между уровнями — не меньше 1:1.5. 24 px и 28 px рядом читаются как «опечатка», 24 px и 40 px — как иерархия.
- Минимальный кегль для основного текста (что покупатель должен прочитать) — 16 px в превью. Это согласовано с WCAG для мобильного и с тем, что выдача WB кадрирует превью до ~360×480 px.
- Если на кадре есть «главная цифра» (50 мл, 100%, 3 года) — она должна быть в 2-3 раза крупнее всего остального. Без вариантов.
Подробно про размеры самой карточки под все три площадки — в гайде по размерам WB / Ozon / Я.Маркет.
Шрифт и категория товара
Шрифт несёт смысл сам по себе, ещё до того, как покупатель прочёл слово. Сопоставление «категория → шрифт» — рабочая отправная точка, не догма.
Премиум-косметика, нишевый парфюм, ювелирка, высокий fashion. Тонкая антиква (Cormorant, Playfair Display) — только для логотипа и одного крупного слова, не для инфографики. Под характеристики — Manrope Light/Regular или Onest Light. Цвет — нейтральный (тёплый серый, off-white, чёрный по off-white). Кегли — на верхней границе таблицы, воздух — много.
Масс-косметика, бытовая химия, бытовая техника. Inter SemiBold + Inter Regular. Чёткая иерархия «главная цифра + 2-3 иконки с подписями». Контраст высокий.
Детское. Округлый sans — Manrope, Quicksand, Comfortaa. Кегли крупные (16-20 px минимум для подписей), пастельная палитра, акцентный цвет один. Никаких Lobster, никаких рукописных «весело» — модерация и читаемость важнее.
Еда, food, БАДы. Мягкий sans с хорошей читаемостью длинного текста — Manrope, Golos Text, Open Sans. Состав, противопоказания, инструкция занимают много места — нужен шрифт, который не утомляет.
Электроника, гаджеты, IT-аксессуары. Строгий grotesque — Inter, Geist, Roboto. Иногда уместен Geist Mono для технических маркировок (артикул, версия чипа, частота). Холодная палитра, высокий контраст, минимум декора.
Спорт, фитнес, активный отдых. Энергичный sans с жирными весами — Inter Black, Manrope ExtraBold, Bebas Neue для главных акцентов. Контрастные акцентные цвета (красный, оранжевый, кислотный).
Товары для дома, текстиль, посуда. Тёплый humanist sans — Onest, Golos Text. Нейтральная палитра, ровные кегли, без агрессии.
Инструменты, авто, B2B. Geist, Inter, Roboto. Технологичная подача, чёткие сетки, понятные иконки.
Кириллица: подводные камни
Не все красивые шрифты с латиницей работают на русском. Что проверять до загрузки в карточку.
1. Наличие всех 33 букв. Очевидно, но регулярно ломается. На бесплатных сайтах типа dafont или fontspace — половина «русифицированных» шрифтов содержит только базовый набор без «Ж», «Ы», «Й», «Ъ», «Ё». Перед использованием — открыть шрифт и напечатать «ЁЖЫЪЙЩЦ» — если что-то отображается как квадратик или «отличается» по стилю от других букв, шрифт не подходит.
2. Качество начертаний. Даже если все буквы есть, они могут быть «приклеенными» — латинский дизайнер просто добавил кириллицу по шаблону. Признаки: «Ж» выглядит как зеркальное «K», «Я» — как «R» зеркальное, «Д» — как латинская «D» с хвостиком. На карточке это считывается как «дилетантский дизайн».
3. Поддержка стилевых начертаний. Шрифт может иметь Regular в кириллице, но Italic, Light, Black — только в латинице. Если используете несколько весов, проверить, что все есть в русском начертании.
4. OpenType features. Кернинг (расстояние между буквами) для кириллицы у многих шрифтов хуже, чем для латиницы. В Manrope, Inter, Onest, Golos Text — кернинг русских пар сделан отдельно. В случайных шрифтах с dafont — нет, и слово «РАСПРОДАЖА» будет с разрывами между «РА» и «СП».
5. Безопасный список. Если сомневаетесь — Inter, Manrope, Geist, Onest, Golos Text, Roboto, Open Sans, PT Sans, IBM Plex Sans. Все спроектированы с кириллицей first-class и работают одинаково хорошо.
Лицензии: коммерческое использование шрифтов для маркетплейса
Карточка товара — это коммерческое использование. Скачать шрифт «для личных целей» и поставить на оплачиваемый артикул — нарушение лицензии, по которому правообладатель может выставить претензию.
SIL Open Font License (OFL). Самая распространённая открытая лицензия для шрифтов. Разрешает использование, копирование, модификацию и распространение, в том числе в коммерческих продуктах (openfontlicense.org). Можно встраивать шрифт в карточку маркетплейса, в инфографику, в рекламу, в брендинг — без оплаты и без атрибуции. Единственный запрет — продавать сам шрифт как отдельный продукт (TLDRLegal).
Под OFL выпущены: Inter, Manrope, Geist, Onest, Golos Text, Roboto, Open Sans, IBM Plex Sans, Source Sans Pro, Fira Sans, PT Sans, Noto Sans — то есть практически весь полезный для маркетплейса набор. Все доступны на Google Fonts (где почти все шрифты — OFL или Apache 2.0, тоже коммерчески свободные).
Apache 2.0. Старая лицензия Google Fonts для части шрифтов (например, Roboto). Тоже разрешает коммерческое использование без оплаты и без атрибуции.
Коммерческие шрифты (Linotype, Monotype, Adobe Fonts, MyFonts). Требуют покупки лицензии. На карточку маркетплейса использовать без оплаты — нельзя. Часто стоят 50-500$ за семейство, что для одного товара себя не оправдывает.
«Свободный для личного использования». Серая зона. Карточка товара = коммерческое использование, такие шрифты на маркетплейс брать нельзя. Если очень хочется — связаться с автором и купить commercial license.
Практически: если шрифт скачан с Google Fonts — можно использовать на любых карточках и брендинге без вопросов. Если откуда-то ещё — проверить лицензию в README или на странице шрифта.
Как проверить читаемость за 2 минуты
5 тестов, через которые надо прогнать каждый кадр инфографики до загрузки.
1. Превью в плитке. Уменьшить кадр до ~200×270 px (примерно как плитка в выдаче WB на мобильном) и посмотреть с дистанции вытянутой руки. Главное сообщение читается? Если нужно «вглядываться» — кегль маленький, надо увеличить или убрать второстепенное.
2. Мобайл-проверка. Скинуть кадр себе в Telegram / WhatsApp, открыть на телефоне. На реальном экране (а не в Photoshop при 100% масштабе) текст должен читаться без приближения пальцами. Особенно проверить подписи к иконкам.
3. Контраст. Через WebAIM Contrast Checker: hex текста, hex фона, результат — не ниже 4.5 для обычного текста, не ниже 3 для крупного жирного. Если 3.8 — переделывать, не «почти прошло».
4. Расстояние 1 метр. Распечатать (или открыть на ноутбуке) и отойти на метр. На таком расстоянии должна читаться главная цифра / главное слово. Если нет — слишком мелко, или контраст низкий, или шрифт слишком тонкий.
5. Тест «прищурился». Прищуриться (сильно). Должны быть видны только самые крупные элементы — главная цифра и заголовок. Если в режиме «squint» читается всё — иерархии нет, всё одного веса. Если видна только подложка без текста — контраст не работает.
Если кадр прошёл 5 тестов — он работает в выдаче. Если хотя бы один провалил — переделывать сейчас, не «потом проверим». Подробнее про общие принципы инфографики, которая продаёт, — в статье про AI-инфографику для маркетплейса.
Если хочется чтобы AI сразу подобрал шрифт под категорию
Если хочете, чтобы шрифт под категорию подбирался автоматически, а кегли уже стояли правильно — попробуйте Obliq, стартовые искры бесплатно без карты. Сервис использует нейросеть Nano Banana 2: загружаете фото товара и краткое описание, получаете серию кадров с подобранной типографикой (Inter / Manrope / Onest / Geist под категорию), с правильным контрастом и кеглями. Один кадр — несколько десятков рублей по актуальным тарифам. Пошаговый процесс — в гайде по созданию карточки через нейросеть.
FAQ
Какой шрифт лучше всего работает на WB и Ozon?
Универсального «лучшего» нет — есть подходящий под категорию. По массе категорий рабочий выбор — Inter (электроника, бытовая химия, нейтральные товары) и Manrope (косметика, food, детское, lifestyle). Оба с полной кириллицей, OFL-лицензией, на Google Fonts. Для ru-first брендов — Onest. Для длинных описаний характеристик — Golos Text. Для технологичной эстетики — Geist. Если категория не критична (нейтральный товар) — берите Inter, не ошибётесь.
Можно ли использовать редкий «дизайнерский» шрифт?
Можно, если: 1) у него есть кириллица в нормальном качестве (не «приклеенная» из шаблона); 2) лицензия разрешает коммерческое использование; 3) он читается в кегле 16 px на мобильном превью; 4) он подходит категории. На практике 80% «дизайнерских» шрифтов с dafont и fontspace не проходят хотя бы один из пунктов. Безопаснее взять Inter / Manrope / Onest и сэкономить часы на проверке.
Какой минимальный кегль для главного текста на карточке?
В превью карточки (то, что покупатель видит в плитке выдачи) — 16 px для подписей и 24+ px для заголовков. В полноразмерном кадре 900×1200 px (то, что открывается при клике) — основной текст не меньше 14 px. Меньше — алгоритм при сжатии в плитку превратит текст в нечитаемую полосу, а покупатель в мобильной выдаче не различит подписи. Это согласовано с WCAG для мобильных интерфейсов.
Какие шрифты с кириллицей бесплатные и под коммерческую лицензию?
Под SIL OFL: Inter, Manrope, Geist, Onest, Golos Text, Roboto, Open Sans, IBM Plex Sans, Source Sans Pro, Fira Sans, PT Sans, Noto Sans, JetBrains Mono. Все доступны на Google Fonts, используются на маркетплейсах без оплаты и без обязательной атрибуции. Единственный запрет OFL — продавать сам шрифт как отдельный продукт (openfontlicense.org).
Сколько шрифтов можно использовать на одной карточке?
Максимум 2 семейства, оптимально — 1 семейство с разными насыщенностями (Regular для основного, Bold для акцентов, Light для подписей). Три и больше семейств на одном кадре = визуальный шум, который площадка может расценить как «нечитаемая инфографика», а покупатель — как «несерьёзный магазин». Если очень нужно два семейства — одно для заголовков (Manrope Bold), другое для длинного текста (Golos Text Regular). Не наоборот.
