Типография электронной почты: 8 лучших шрифтов для электронной почты (и индивидуальные идеи шрифтов для электронной почты)

Рейтинг: 4.6 из 5
Автор
Вадим Соколов
Рейтинг автора
4.6

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

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

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

Это то, что мы будем здесь обсуждать сегодня.

Что такое шрифты, безопасные для электронной почты?

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

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

Как хорошие шрифты повышают конверсию

Большинство людей тратят на электронную почту всего 11 секунд. Это означает, что любые шрифты, которые вы выбираете, должны быть читаемыми и сканируемыми. Они должны предлагать удобство «с первого взгляда». Часто это означает использование стандартных шрифтов, с которыми все уже знакомы. Звучит скучно? Альтернатива хуже. Фактически, людям требуется вдвое больше времени, чтобы читать модные шрифты. И если люди тратят на электронную почту всего 11 секунд, это огромная трата времени.

Время чтения шрифта и шрифта без засечек

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

Исследование включало увеличение блока текста, установленного для шрифта Arial, с 10 до 13 пунктов. Также было добавлено больше места между строками текста. Версия 13pt шрифта выполняется так гораздо лучше , потому что содержание теперь легче на глазах и более читаемым.

Это небольшое изменение снизило показатель отказов на 10% и увеличило коэффициент конверсии на целых 133%! Все из-за увеличения размера шрифта на два пункта!

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

Шрифты с засечками

Примеры включают Times New Roman, Baskerville и Georgia. Шрифты с засечками источают респектабельность, надежность и традиции. Старые бренды (или те, которые хотят выглядеть так, как будто они существуют уже несколько десятилетий) активно используют эти виды шрифтов, чтобы вселить уверенность. Ярким примером служит логотип Tiffany & Co.

Шрифты без засечек

Примеры включают Helvetica, Calibri и Franklin Gothic. Шрифты без засечек создают современный вид, чистый, простой и понятный. Эти шрифты производят впечатление надежности и стабильности. Шрифты без засечек выглядят очень корпоративно. Netflix имеет шрифт без засечек:

Современные шрифты

Примеры включают Futura и Century Gothic. Современные шрифты могут выглядеть стильно, шикарно или давать общее ощущение силы. Логотип Hulu - популярный пример использования современного шрифта:

Скриптовые шрифты

Примеры включают Эдвардианский сценарий и сценарий Бикхема. Скорее всего, скриптовые шрифты не будут лучшим выбором для использования в ваших электронных письмах. Однако они оказывают влияние при использовании в логотипах, и это может работать с графическими элементами. Coca-Cola - это вечный пример хорошо используемого скриптового шрифта:

Шрифты дисплея

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

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

Типография электронной почты: как выбрать лучшие шрифты

Теперь вы знаете пять основных типов шрифтов, которые доступны (я полагаю, кроме символов). И вы знаете, что разные типы шрифтов вызывают у ваших клиентов разные эмоции. Но как знание типа шрифта, который использует Coca-Cola, позволяет выбрать правильный шрифт для информационных бюллетеней по электронной почте?

Любой шрифт, который вы выбираете для использования в корпоративных электронных письмах, должен иметь следующие 4 качества:

Качество # 1: читаемость

Мы уже упоминали об этом качестве, но его стоит повторить, потому что на данный момент оно является наиболее важным. Если ваш шрифт нечитаемый, никто не сможет прочитать ваши электронные письма. А если их нельзя прочитать, вы, конечно, не можете ожидать конверсий, не так ли?

Качество # 2: Четкость

Чистые, четкие шрифты с четкими линиями - вот что лучше всего подойдет для вашего электронного письма. Никаких завитушек или завитушек. И уж точно ничего со сверхтонкими или светлыми линиями. Также лучше подойдут большие размеры шрифта. Сделайте свой шрифт на один или два пункта больше, чем обычно, убедитесь, что начертание шрифта приличное (но не жирное), и стремитесь к межстрочному интервалу 1,15.

Качество № 3: Психологически приемлемое

Как упоминалось выше, с некоторыми типами шрифтов связаны определенные чувства. Убедитесь, что выбранные вами шрифты соответствуют общему настроению, которое вы пытаетесь передать своим контентом, а также цели вашего контента. Выглядеть надежным или авторитетным лицом может быть полезно, например, если вы пытаетесь что-то продать.

Качество №4: Соответствие бренду

Точно так же любой шрифт, который вы выберете, должен иметь логический смысл для использования в вашей отрасли или нише. Если ваша компания выглядит старомодно, использование суперсовременного шрифта или шрифта в стиле отображения не подойдет. Точно так же, если вы управляете технологической компанией, что-то простоватое или формальное, вероятно, также не подойдет лучше всего. Все сводится к тому, что кажется правильным.

8 лучших шрифтов для электронной почты

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

Основные безопасные для электронной почты шрифты

Существует базовый набор удобочитаемых (хотя и скучных) шрифтов, безопасных для электронной почты, которые может распознать большинство почтовых клиентов. Давайте теперь посмотрим на каждый из них.

Arial

Arial - очень часто используемый шрифт. Первоначально он был создан в 1982 году Патрисией Сондерс и Робином Николасом из компании Monotype Imaging. Хотя изначально он был разработан для использования в лазерном принтере IBM, с тех пор он стал фаворитом веб-контента.

Вердана

Verdana - это шрифт, который был разработан с учетом экранов. Он был разработан Мэтью Картером и имеет широкие символы и большой интервал между ними, чтобы улучшить читаемость на экране. Это еще один основной вариант, поддерживаемый большинством почтовых клиентов.

Helvetica

А еще есть Helvetica, один из самых популярных шрифтов, существующих в настоящее время. Он разборчивый, понятный и поддерживается большинством текстовых редакторов, почтовых клиентов и веб-браузеров.

Грузия

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

Тахома

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

Люцида

Или вы можете использовать Lucida, другое семейство шрифтов sans, в котором приоритет отдается чистым линиям, четкому стилю и четким формам букв. Межбуквенный интервал шире стандартного, и каждый символ также немного выше, что добавляет больше элементов разборчивости.

Требуше

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

Times New Roman

Times New Roman

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

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

Подпишитесь на рассылку новостей

Хотите узнать, как мы увеличили трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других людей, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!

Пользовательские шрифты электронной почты

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

Но сначала давайте сделаем паузу, чтобы обсудить, как работают веб-шрифты.

Как работают веб-шрифты

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

  • Почта Android
  • Apple Mail
  • Почта iOS
  • Outlook 2000
  • Приложение Outlook.com
  • Thunderbird

Однако веб-шрифты не поддерживаются во всех этих почтовых клиентах одинаково. Некоторым просто нужна ссылка, а другим нужен фрагмент кода, который импортирует веб-шрифт. Подробнее об этом чуть позже. Прежде всего важно признать, что даже если почтовый клиент не поддерживает выбранный вами веб-шрифт (или его метод включения), ваш контент не обязательно будет выглядеть ужасно.

Большинство почтовых клиентов включают запасной вариант. То есть, если веб-шрифт, включенный в ваше электронное письмо, не загружается должным образом, почтовый клиент вместо этого предоставит резервный шрифт. Обычно это один из общих вариантов, которые мы перечислили выше, но здесь хорошо то, что а) ваш контент по-прежнему будет разборчивым, б) ваш контент не будет выглядеть наполовину плохо, потому что стандартные шрифты стали стандартными по какой-то причине (они простые ol 'легко читается), и в) вы часто можете выбрать, какой шрифт вы хотите использовать в качестве запасного.

Чтобы дать вам представление о том, что мы имеем в виду, шрифт Gmail по умолчанию - Arial, а в Apple Mail - Helvetica. Outlook использует Calibri, а iOS - San Francisco (шрифт, созданный Apple специально для своих устройств и вдохновленный Helvetica Neue.

Если вы решили использовать веб-шрифты, вам следует протестировать его на различных платформах перед запуском.

Некоторые службы электронного маркетинга уже включают поддержку веб-шрифтов. Campaign Monitor, например, включает в себя несколько вариантов веб-шрифтов в своем конструкторе электронной почты с возможностью перетаскивания, а резервные параметры автоматически устанавливаются для вас с минимальными усилиями.

Веб-шрифты Campaign Monitor

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

Есть несколько фрагментов кода, которые вы можете использовать для встраивания веб-шрифтов в электронные письма HTML.

Использование для добавления веб-шрифтов в ваши электронные письма - популярный выбор. Любой веб-шрифт, который вы выберете, определит для вас URL-адрес. Итак, если вы размещаете шрифт самостоятельно, измените его на URL-адрес шрифта на своем сайте. Если шрифт размещен у продавца веб-шрифтов, используйте предоставленный им URL.

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

Итак, если вы получаете веб-шрифт из Google Fonts, после выбора стилей шрифта и выбора ссылки вкачестве предпочтительного метода встраивания вы увидите следующее :

Робото на Google Fonts

@Импортировать

Еще один способ добавить веб-шрифты в электронные письма - использовать @import. Это очень просто и хорошо работает с большинством почтовых клиентов. Единственная проблема - с несколькими более старыми версиями Android.

Как и в случае с фрагментом кода , вы также вставите @import в раздел своего электронного письма. Опять же, в Google Fonts это то, что вы видите после выбора шрифта, его стилей и щелчка пузырька рядом с @import:

@import для шрифта Roboto

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

@ font-face

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

Устали от проблем с WordPress и медленного хостинга? Мы обеспечиваем поддержку мирового уровня от экспертов WordPress, доступных 24/7 и невероятно быстрых серверов. Ознакомьтесь с нашими планами

Итак, согласно Mozilla, если вы собираетесь добавить шрифт Open Sans в свои электронные письма, вы должны использовать следующий фрагмент кода:

Указание альтернативных веб-шрифтов

Хотя вы всегда хотите, чтобы веб-шрифт, который вы тщательно выбрали, работал, это не всегда так. Будь то ошибка сервера или совместимость системы, рекомендуется не оставлять вариант возврата на волю случая. Итак, снова используя @ font-face, вы можете указать, какой локальный шрифт вы хотите использовать в случае, если ваш предпочтительный веб-шрифт не может быть загружен.

Мы можем использовать тот же фрагмент кода, упомянутый выше, и просто изменить его, включив в него вариант резервного шрифта:

Где найти веб-шрифты для использования в электронных письмах

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

    : В настоящее время это одно из самых популярных мест для поиска веб-шрифтов, предлагающее библиотеку шрифтов с открытым исходным кодом для использования в любом месте и в любое время. В настоящее время в нем 1020 семейств шрифтов. : Это еще один фантастический ресурс для шрифтов всех типов, от настольных до веб-шрифтов. На самом деле это магазин Monotype, в котором есть более 150 000 шрифтов, которые можно просмотреть и, возможно, купить. : Это витрина H & Co, литейной фабрики, которая включает 1500 шрифтов, которые можно использовать в Интернете и для печати. : Если вы ищете бесплатный выбор, Font Squirrel может соответствовать всем требованиям. На этом сайте представлены только бесплатные шрифты, которые можно использовать в коммерческих целях. : Adobe Fonts, ранее известная как Typekit, включает в себя тысячи шрифтов на выбор, все из которых доступны по подписке Creative Cloud. :Хотя вам необходимо купить веб-шрифты, перечисленные на Fontspring, они доступны без подписки и обычно включают неограниченное количество лицензий для дополнительного удобства. : Это еще одно предприятие, принадлежащее Monotype, с объявлениями о множестве шрифтов как для печати, так и для Интернета. : На самом деле это группа из нескольких литейных предприятий, которые объединились, чтобы независимо продавать свои шрифты. : Это небольшой бизнес, основанный в 2002 году двумя шрифтовыми дизайнерами, которые продают шрифты, которые они делают, широкой публике. : Наконец, есть FontShop, еще один магазин Monotype и место для просмотра и покупки веб-шрифтов.На самом деле это коллектив нескольких литейных предприятий, которые объединились, чтобы независимо продавать свои шрифты. : Это небольшой бизнес, основанный в 2002 году двумя шрифтовыми дизайнерами, которые продают шрифты, которые они делают, широкой публике. : Наконец, есть FontShop, еще один магазин Monotype и место для просмотра и покупки веб-шрифтов.На самом деле это коллектив нескольких литейных предприятий, которые объединились, чтобы независимо продавать свои шрифты. : Это небольшой бизнес, основанный в 2002 году двумя шрифтовыми дизайнерами, которые продают шрифты, которые они делают, широкой публике. : Наконец, есть FontShop, еще один магазин Monotype и место для просмотра и покупки веб-шрифтов.

Качественные читаемые веб-шрифты

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

Open Sans

Open Sans - это очень разборчивый шрифт без засечек, который идеально подходит для чтения с экрана. Он был разработан Стивом Маттесоном и имеет открытые формы. Все буквы легко читаются и хорошо смотрятся при любом размере.

Робото

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

Raleway

Или вы можете выбрать Raleway, еще один шрифт без засечек, который предлагает более тонкие линии и более элегантный вид. Семейство шрифтов было первоначально разработано Мэттом Макинерни, а затем расширено Пабло Импаллари и Родриго Фуэнзалидой.

Вековая готика

Century Gothic - это веб-шрифт с классическим дизайном. И это имеет смысл, поскольку на самом деле это модернизированная версия старых шрифтов 1920-х и 30-х годов. Он имеет широкую поддержку в браузерах и читается на экранах.

Проксима Нова

Proxima Nova - это еще один вариант веб-шрифта, который на самом деле представляет собой переработанную версию шрифта Proxima Sans, который был впервые создан в 1994 году. Шрифт слегка геометрический, но также естественный и станет отличным выбором для вашей копии электронной почты.

Квазимода

Quasimoda - стильный веб-шрифт, приятный для глаз и универсальный по своей привлекательности. Он был создан Lettersoup, шрифтовым заводом в Берлине, Германия, основанным Ботио Никольчевым в 2014 году.

PT Sans Pro

PT Sans Pro может быть именно тем, что вы ищете в веб-шрифте. Он предлагает округлые буквы и естественный вид. Он был разработан Paratype, компанией цифровых шрифтов, которая начала свою деятельность в 1980-х годах.

Брэндон Гротеск

Веб-шрифт Brandon Grotesque был создан HVD Fonts. HVD была основана Ханнесом фон Дёреном, и компания фокусируется на создании простых для чтения, профессиональных, но стильных шрифтов, которые подходят для любого количества приложений.

София Про

Sofia Pro - это шрифт без засечек, который был разработан Mostardesign в 2008 году. Он сохраняет ощущение современности, а также включает в себя закругленные формы. Он обеспечивает прочный баланс между гармоничным дизайном и геометрическим дизайном.

Museo Sans

Наконец, есть Museo Sans, новый вариант популярного шрифта Museo. Он отличается геометрическим дизайном без засечек, который можно использовать как в заголовках, так и в копировании текста. Он разборчивый и многофункциональный, что делает его рабочей лошадкой для электронной почты. Он был разработан Exljbris в 2008 году.

Примечание об использовании изображений в электронной почте и в тексте

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

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

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

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

Резюме

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

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

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

Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress. Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на масштабируемость, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими планами

Новости спорта

Изначально сайт создавался для пользователей со всех стран мира. Международный домен ориентирован на самых разных пользователей. Страницы сайта переведены на 46 языков, среди которых есть и азербайджанский. Это выгодно выделяет платформу на фоне конкурентов, так как многие из них либо не работают на территории данной страны, либо не имеют местной локализации.

Больше новостей