Тонкие начертания и рукописные акценты, красивые в макете, в превью превращаются в серую полосу. Разбираем, какие шрифты выдерживают мобильную выдачу.
Не имя шрифта, а его вес и ширина знака. В размере превью выживают плотные рубленые начертания: у них толстые штрихи и понятные силуэты букв.
Тонкие линии первыми сливаются с фотографией, а декоративные шрифты требуют времени на распознавание — того самого, которого у покупателя нет.
Есть и техническая сторона: шрифт должен быть лицензирован для коммерческого использования. Бесплатные семейства с открытой лицензией закрывают задачу и снимают вопрос.
Решает и межбуквенное расстояние. Слишком плотный набор в мелком размере слипается, слишком разрежённый рассыпается на отдельные буквы. Для слайдов безопаснее чуть увеличенный трекинг у заголовков в прописных.
И высота строчных: шрифты с крупной строчной буквой читаются в превью заметно лучше при том же кегле.
Важна и толщина линий относительно кегля: при уменьшении изображения площадкой тонкие штрихи теряются раньше, чем сам текст становится мелким.
Влияет и фон: один и тот же шрифт на ровной плашке и на фотографии читается по-разному, и кегль под фото приходится брать крупнее.
Практический набор, который не подводит ни в одной категории.
Полезно ограничиться двумя размерами текста на слайд: заголовок и пояснение. Третий уровень почти всегда лишний и мельчит макет.
Полезно один раз собрать типографический шаблон: какой шрифт, какие два начертания, какие размеры для заголовка и подписи. Дальше любой новый слайд собирается по нему за минуты.
И проверить набор на самой длинной фразе из вашей категории: если она перестаёт помещаться, шаблон нужно править сейчас, а не при вёрстке партии.
Полезно проверить набор и в двух цветах — тёмным по светлому и светлым по тёмному: некоторые шрифты в выворотке выглядят заметно тоньше.
Полезно держать и запасной шрифт с той же метрикой: если основной окажется недоступен, макет не развалится.
Рукописные и каллиграфические шрифты, тонкие модные гротески, шрифты с засечками мелким кеглем, растянутые или сжатые начертания.
Отдельная беда — курсив поверх фотографии: он теряет контраст на неоднородном фоне и выглядит небрежно даже при хорошем макете.
Отдельно стоит проверить цифры: в некоторых шрифтах они разной ширины, и колонки с размерами начинают прыгать от строки к строке.
Не работают и шрифты с очень контрастными штрихами: тонкие соединения исчезают при сжатии изображения площадкой, и буква разваливается.
И любые эффекты: объём, градиент в тексте, неоновое свечение. В превью они превращаются в грязь, а в галерее выглядят устаревшими.
И не растягивайте шрифт по ширине или высоте: искажённые пропорции знака читаются как ошибка вёрстки даже теми, кто не разбирается в типографике.
И осторожнее с очень широкими шрифтами: длинная фраза в них не помещается, и её приходится уменьшать до нечитаемого размера.
Один. Все нужные акценты делаются насыщенностью и размером внутри одного семейства: главное — жирным и крупно, второстепенное — светлее и мельче.
Второй шрифт оправдан, только если он часть фирменного стиля бренда и уже живёт на упаковке.
Практика показывает: разнобой шрифтов внутри линейки замечают даже те покупатели, которые не могут объяснить, что именно им не понравилось.
Если фирменный шрифт бренда декоративный, его место — в логотипе и на упаковке, а не в подписях слайда. Разделение по ролям решает конфликт между стилем и читаемостью.
И проверяйте, как выглядит связка из двух шрифтов в превью: то, что смотрится изящно на мониторе, в мелком размере часто читается как ошибка.
Полезно и ограничить палитру текста: один основной цвет и один акцентный на всю линейку.
И проверяйте, как выглядит текст при переносе строк: неудачный перенос ломает смысл фразы сильнее, чем неудачный шрифт.
Не каждый красивый шрифт содержит кириллицу целиком: буквы «щ», «ъ», «ё» иногда подставляются из другого начертания, и слово выглядит собранным из кусков.
Проверять просто: набрать в макете фразу со всеми проблемными буквами и посмотреть на увеличении.
Полезно собрать эталонный слайд и держать его как образец: тогда новый дизайнер повторит типографику, а не придумает свою.
Проверять стоит и специальные символы: знак номера, кавычки-ёлочки, длинное тире, обозначения размеров и градусов. Их отсутствие вылезает в самый неудобный момент — при вёрстке партии.
И лицензию: бесплатный для личного использования шрифт в коммерческой карточке — это риск, который стоит закрыть один раз при выборе.
И проверьте, как шрифт отображает цифры в дробях и с единицами измерения: в размерных таблицах это встречается постоянно.
Полезно проверить и написание бренда: в некоторых шрифтах фирменное название выглядит непривычно из-за формы отдельных букв.
Уменьшите слайд до размера превью и посмотрите с расстояния вытянутой руки. Если приходится присматриваться — шрифт слишком лёгкий.
Второй тест — рядом с карточками конкурентов: там сразу видно, чей текст читается первым, и обычно это вопрос насыщенности, а не размера.
Полезно проверить макет и на чёрно-белой печати: если текст читается без цвета, он тем более прочитается в цвете на любом фоне.
И сохраните шаблон вместе с исходниками: смена дизайнера не должна означать смену типографики всей линейки.
Полезно раз в сезон пересматривать шаблон: требования площадок к размерам меняются, и кегль, работавший год назад, может уже не проходить.
И сравните свой слайд с чужими в выдаче: если текст конкурента читается раньше вашего, дело почти всегда в весе шрифта.