Рейтинг лучших шрифтов для электронных писем
Форма, вес, цвет, размер, интервал. Все эти факторы влияют на читабельность шрифта. А значит, и на то, воспримут ли ваше письмо почтовики и получатели.
Собрали несколько важных советов, которые помогут правильно подобрать шрифт, чтобы тест ваших имейлов не прошёл мучительно больно.
Какие бывают шрифты
Все шрифты можно поделить на две большие группы: с засечками (антиква) и без них (гротеск).
Антиква подойдёт для длинных текстов. Считается, что её легче читать. Самые популярные шрифты с засечками — Times New Roman и Georgia.
Гротеск — для заголовков и небольших текстовых блоков. Он меньше выделяется на однородном фоне и не забирает на себя внимание.
💡 Сейчас большинство пользователей использует смартфон для чтения почты. По опыту, лучше использовать шрифт без засечек даже для длинных текстов: гротеск проще быстро «просканировать» на небольшом экране.
Засечки зачастую только отвлекают от чтения.
Основные правила выбора
1. Не используйте более двух шрифтов
Если шрифтов будет больше — письмо будет перегруженным. Это в лучшем случае. В худшем — вы можете получить отписку из‑за того, что читатель будет раздражён.
Лучше использовать один шрифт в письме. Крупный — для заголовков. А мелкий — для остального контента. Письма с единым шрифтом проще прочитать даже на бегу, а письмо будет выглядеть аккуратнее.
2. Не применяйте больше двух стилей
Если хотите что‑то выделить, используйте жирный шрифт. Если сочетать внутри одного письма жирный, курсив и обычный шрифт, можно запросто потерять внимание читателя.
3. Всё внимание — на читабельность шрифта
Читабельность — это возможность быстро отличить одну букву от другой.
Перед рассылкой посмотрите макет и в веб‑версии, и на мобильном устройстве. Представьте, что вы ещё незнакомы с текстом и видите его впервые.
Будет ли вам легко «пробежаться» по тексту и уловить основную мысль?
Посмотрите, как шрифт влияет на время чтения:
4. Веб‑безопасность
Устройство подписчика может не поддерживать совсем уж «хитрый» шрифт. Тогда система сама заменит его на тот, который сможет найти в базе.
Поэтому лучше сразу выбирать веб‑безопасные шрифты: такие, которые будут считываться большинством устройств и операционных систем
💡 Когда будете выбирать шрифт для новой рассылки, вернитесь к этим правилам: ваш кандидат должен соответствовать всем четырём параметрам.
Рейтинг лучших веб‑безопасных шрифтов
Итак, наш хит‑парад. Каждый участник протестирован нами на практике и теперь готов украсить ваши рассылки.
1. Arial
Да, не оригинален. Но отлично читается и отображается во всех почтовиках! А ещё он — один из системных шрифтов и для Windows, и для MacOS. Значит, ваше письмо будет выглядеть прекрасно на любом устройстве.
2.
Helvetica
Самый популярный гротеск в мире. Имеет закруглённые строчные буквы и широкие заглавные. Но имейте в виду: Helvetica предустановлена только на MacOS.
3. Times New Roman
Знаком всем, кто писал что‑то по учёбе. Шрифт с засечками, имеет высокие строчные буквы с короткими нисходящими и восходящими.
4. Verdana
Разработан специально для чтения текста на экранах. Особенность — высокие и широкие строчные буквы.
5. Georgia
Ещё одна приятная антиква. Шрифт похож на Times New Roman, но предназначен для использования в вебе. Буквы здесь более крупные при том же кегле и более широкие. А это уж выглядит не так официально. Кстати, отличительная черта — цифры. Из‑за выносных элементов они «прыгают» по строчке.
Шрифт выбран. Как использовать?
Вот мы узнали: типы шрифтов, какие из них самые подходящие для имейл‑рассылок и что важно учитывать при выборе.
Давайте посмотрим, что ещё нужно знать, если под рукой нет брендбука или если вы делаете его прямо сейчас.
- Пусть шрифт будет уместным
И визуально поддерживает созданный вами контент. Писать серьёзные новости и использовать Comic Sans — плохая идея.
- Проверьте, есть ли все нужные символы и начертания
Например, знаки валют, надстрочные и подстрочные символы, диакритические знаки [точечки и палочки над буквами] и так далее. Если нет — придётся подставлять их из другого шрифта, и будет некрасиво.
- Выбирайте запасной шрифт для каждого уровня текста
При вёрстке письма всегда выбирайте несколько шрифтов для каждого уровня текста с помощью свойства font-family.
Если на устройстве пользователя нет основного шрифта, то отобразится запасной.
Например, font-family: Helvetica, Arial, sans-serif означает, что текст отобразится у получателя шрифтом Helvetica. Если этого шрифта нет, то Arial. А если и этот отсутствует, то текст будет написан любым системным шрифтом без засечек.
- Обратите внимание на цвета
Чем меньше их будет — тем лучше.
Если хотите выделить мысль, просто используйте жирный шрифт.
Если хотите выделить мысль, просто используйте жирный шрифт. Письмо и так будет загружено блоками, картинками, иконками и кнопками. Так что здесь лучше облегчить читателю чтение.
А если хочется кастомный?
Ну или не хочется, а нужно. Например, для соблюдения стиля бренда или создания особого письма для праздника или распродажи.
💡 Здесь мы настоятельно рекомендуем предварительно тестировать отображение шрифтов в различных комбинациях почтовиков, девайсов и ОС. Это легко сделать в Letteros 2.0: наш конструктор показывает отображение на 100+ популярных устройствах.
Если почтовик не распознает ваш шрифт «с изюминкой», то он просто заменит его на дефолтный.
И ещё рекомендация: если используете декоративный шрифт, вставляйте его в письмо изображением. Тогда он точно не превратится в Arial на экране получателя. Но важно помнить: у некоторых пользователей загрузка картинок по умолчанию отключена. Чтобы смысл письма от этого не пострадал, прописывайте alt текст к изображениям.
Зафиналимся
- Отдавайте предпочтение веб‑безопасным шрифтам. Они легко конвертируются между устройствами и ОС без лишних сюрпризов.
- Не переусердствуйте с цветами и стилями шрифта. Здесь действует правило: меньше — лучше.
- Тестируйте читабельность шрифта на разных устройствах.
- Кастомный шрифт — тестируйте особенно внимательно.
- Декоративный или редкий шрифт лучше вставлять картинкой и прописывать для неё alt.
Renessy. Логотип, шрифт, цвет, графика • Брендинг-студия «Адекватные люди»
RENESSY — коммерческое направление бренда Царскосельской Янтарной Мастерской. Да-да, той самой, что воссоздала Янтарную комнату. Компания обладает просто невероятными возможностями по изготовлению элитной мебели и предметов интерьера. Мастерство художников RENESSY трудно измерить словами — это эталонный уровень.
Любой копирайтер знает — самая проста задача, это развёрнутая статья о компании.
Сложнее сделать из неё пресс-релиз. Еще сложнее написать УТП. Но самое трудное — выразить суть предложения в одном слове. Для компании RENESSY мы сделали единственное точное, как резец художника выражение: МАСТЕРСТВО.
Компания обладает просто невероятными возможностями по изготовлению элитной мебели. Это виртуозный уровень классики в современном интерьере — мы выразили это в шрифте логотипа. Он объединил элегантность антиквы с современными линиями гротеска.
В ломаных линиях-лучах есть элементы классики, модерна и даже идеи современных лаконичных решений. Благодаря фирменному шрифту и особым эксклюзивным лигатурам логотип выглядит аутентично и экспертно — он как будто вобрал в себя все стили и взял от них лучшее.
Мы педантично подошли к каждому узлу каждой литеры. Засечка заглавной R напоминает античные галтели. Перо, уходящее глубоко под нижнюю базовую линию, задаёт динамику и делает логотип одновременно классическим и современным.
Две буквы «е» похожи? Только с первого взгляда.
Первая «е» адаптирована под лигатуру. Её модуль короче, а острое окончание мягче, оно не конфликтует с тонкой перемычкой лигатуры en.
Лигатура «ss» потребовала особой проработки. Разные по графике «ss» перекликаются друг с другом и создают ощущение текучей ленты.
Лучи «звучат» контрапунктом и создают контраст общей графике. Широкие у краёв, они сужаются к центру. Миновав логотип, они как будто получают новый импульс.
Лучи всегда располагаются под углом, кратным 12°. Линии кратные 12° — один из двух врождённых паттернов зрительного восприятия человека. Второй — человеческие лица, знали? Всему остальному мы обучаемся. Именно поэтому линии сразу обращают на себя внимание и при этом смотрятся уравновешено.
Мы разработали для RENESSY специальный заголовочный шрифт, базирующийся на концепции тонкого и широкого луча. Особый шарм ему придаёт оригинальный рисунок перьев вместо окончаний некоторых букв. Например: Е, У, Q, J.
В заголовках шрифт придаёт сообщениям невероятную элегантность.
Посмотрите внимательно на каждую букву. Шрифт RENESSY SANS не спутать ни с чем!
Чего хотят архитекторы? Чтобы найти ответ на этот вопрос, мы встретились с топовыми дизайнерами, архитекторами, галеристами и даже элитными маклерами. Не спрашивайте, как мы нашли этих страшно занятых людей и уговорили их уделить нам полтора часа времени. Это секрет фирмы.
На старте исследований мы составили и протестировали опросник. После обработки 12 масштабных интервью с лидерами архитектурно-интерьерного сегмента мы смогли обозначить тенденции рынка, некоторые из которых стали неожиданными. Мы смогли чётко ответить на вопрос — чего ждёт рынок?!
В стиле RENESSY продуманно всё. Логотип, шрифт, цвет, графика и конечно же материалы. Специально для бренда мы подобрали фирменные тона фольги для тиснения и фирменные марки бумаг и картонов. Мастерство — это не только виртуозная идея, но и виртуозное исполнение.
Диджитал-коммуникации выглядят премиально, но не пафосно. Мы намерено уходили от «дворцового стиля».
Благодаря элегантному шрифту, свободной композиции и лёгким фирменным лучам RENESSY дизайн как будто втягивает зрителя внутрь.
Философию стиля RENESSY мы символически зашифровали в ленту времени. Луч несёт через века мастерство, которое помогает сохранять культурное наследие и возрождать традиции в новых эпохах. Логотип, написанный широким ленточным шрифтом, отображает глубокое знание истории архитектуры и непревзойдённое искусство мебельщиков RENESSY.
Лучшие расширенные шрифты в Canva
Графический дизайнер и энтузиаст Canva
Джейк Такер
Раскрытие информации : ссылки в этой статье могут быть партнерскими ссылками, что означает, что без дополнительной оплаты вам, я получу комиссию, если вы нажмете и сделаете покупку. Ознакомьтесь с нашим полным раскрытием сведений об аффилированных лицах здесь .
Великолепный графический дизайн основан на великолепном выборе шрифтов.
Но выбор отличных шрифтов для большинства людей является проблемой. К счастью, Canva значительно упростила добавление отличных шрифтов в ваши проекты. В этом уроке наша команда экспертов по дизайну расскажет о лучших расширенных шрифтах в Canva.
Что такое расширенные или расширенные шрифты?
Расширенные шрифты, также известные как широкие или расширенные шрифты, обычно имеют следующие характеристики:
- Широкие пропорции : Буквы в расширенных шрифтах шире, чем обычно, с горизонтальным акцентом, из-за чего они кажутся растянутыми или расширенными.
- Вместительность : Дополнительная ширина расширенных шрифтов создает ощущение открытости и простора, что делает их идеальными для заголовков и заголовков, которые должны выделяться.
- Жирный и жирный : расширенные шрифты часто имеют толстые штрихи , которые создают сильное визуальное впечатление и помогают им выделяться еще больше.
- Без засечек или с засечками : Расширенные шрифты могут быть без засечек или с засечками, в зависимости от предпочтений дизайнера. Расширенные шрифты без засечек, как правило, более современные и чистые, в то время как расширенные шрифты с засечками могут иметь более классический или традиционный вид.
- Высокая разборчивость : Несмотря на свой уникальный внешний вид, расширенные шрифты обычно разрабатываются с высокой разборчивостью , с четкими формами букв и достаточным интервалом между символами.
- Ограниченное использование : расширенные шрифты обычно не используются для основного текста или больших блоков текста, а скорее для заголовков, названий и других коротких фрагментов текста, где их влияние может быть полностью оценено.
- Вариации : Некоторые расширенные шрифты имеют вариации с разной степенью ширины, например, сжатые или сверхрасширенные версии, что обеспечивает большую гибкость дизайна.
Best Canva Expanded Fonts
1. TT Octosquares Expanded
TT Octosquares Expanded — это сокращенный дисплейный шрифт с расширенным набором символов. Он имеет закругленные углы и уникальный геометрический дизайн с восьмиугольными формами. Шрифт идеально подходит для использования в заголовках, логотипах и других оформлениях, требующих современного футуристического вида. Он доступен в нескольких весах и стилях.
2. В. Расширенный
В. Расширенный — это шрифт с засечками, который является вариантом семейства шрифтов Century. Он имеет классический элегантный вид с более широкими формами букв и большей высотой x. Засечки заключены в скобки, и между толстыми и тонкими штрихами наблюдается умеренный контраст штрихов. Он часто используется для книг, газет и других печатных материалов.
3. Lazlord Slab Serif Expanded
Lazlord Slab Serif Expanded — это шрифт с увеличенной шириной, добавляющий дополнительное пространство для каждого символа.
Засечки толстые и жирные, что придает ему вид плиты. Буквы имеют прочную и прочную структуру, что делает их подходящими для смелых заголовков и заголовков.
4. Serithai Expanded Medium
Serithai Expanded Medium — шрифт для тайского языка, являющийся разновидностью семейства шрифтов Serithai. Он имеет смелый и слегка сжатый вид со слегка закругленными краями букв. Шрифт подходит для целей отображения и обычно используется для заголовков, заголовков и вывесок.
5. Gliker Expanded
Gliker Expanded — это шрифт без засечек, представляющий собой разновидность оригинального шрифта Gliker. Он отличается более широким интервалом между буквами и немного более жирными линиями, что придает ему более современный и яркий вид. Шрифт идеально подходит для заголовков, заголовков и любого дизайна, требующего смелого и привлекающего внимание вида.
6. Pattanakarn Expanded
Pattanakarn Expanded — это шрифт с узким и высоким дизайном.
Он имеет слегка сжатый вид, буквы высокие и тонкие. Шрифт отличается четкими линиями и кривыми, что делает его хорошо читаемым и подходящим для целого ряда дизайнерских проектов. Расширенная версия имеет более широкий интервал между буквами, что делает ее подходящей для заголовков или другого крупного текста. Это современный шрифт, который хорошо работает как в цифровом, так и в печатном формате.
7. Расширение TT Lakes Neue
TT Lakes Neue Expanded — геометрический шрифт без засечек, разработанный Иваном Гладких и командой TypeType. Он имеет расширенную ширину и характеризуется большой x-высотой и узкими отверстиями. Шрифт доступен в различных размерах, от тонкого до черного, и имеет современный, чистый и минималистичный вид. Он подходит для использования в заголовках, логотипах, плакатах и других дизайнерских проектах, требующих смелого и эффектного шрифта.
8. Расширенный TT Common Pro
TT Common Pro Expanded — это шрифт без засечек с широким диапазоном начертаний и стилей.
Он имеет современный и чистый дизайн со слегка сжатым внешним видом, что делает его универсальным шрифтом, подходящим для различных приложений. Расширенная версия имеет более широкие символы, чем обычная версия, что придает ей более просторный и открытый вид. Он идеально подходит для заголовков, заголовков и других больших текстовых приложений.
9. Prachason Neue Mon Expanded
Prachason Neue Mon Expanded — современный шрифт без засечек со смелым и расширенным дизайном. Шрифт имеет сильный и стабильный внешний вид с четко определенными символами и постоянным интервалом. Он подходит для использования в различных проектах, таких как заголовки, заголовки, брендинг, логотипы и многое другое. Расширенный дизайн шрифта придает современный и уникальный вид любому дизайн-проекту.
10. Kooka Expanded
Kooka Expanded — это шрифт без засечек, разработанный Фабио Хаагом и опубликованный Fabio Haag Type. Это расширенная версия семейства шрифтов Kooka с большей высотой x и увеличенным интервалом, что делает его подходящим для заголовков и использования на дисплеях.