Какой шрифт в гугл почте
Перейти к содержимому

Какой шрифт в гугл почте

  • автор:

Что Gmail делает с шрифтами в ваших рассылках?

Gmail VS iPhone

Совсем недавно, для всех пользователей iPhone, стало доступно обновления для Gmail app — одного из самых популярных приложений для просмотра почты. Давайте разберемся, что значит это обновление для тех, кто рассылки отправляет и для тех, кто их получает.

Обновление Gmail

Для получателей

Изначально, Google планировали введение этой функции опираясь на пользовательский опыт именно читателей email-сообщений, а не на их отправителей. С обновлением, действительно, должно было прийти удобство и комфорт — теперь письма попадающий в ящик написаны тем же шрифтом, что и весь текст в системе. Так, достаточно один раз выбрать размер шрифта и весь текст будет отображаться именно так. Как видим, для рядовых пользователей — это несомненно плюс. Но такой ли значимый…

Для отправителей

Что же это значит для нас, тех, кто письма не только читает, но и отправляет? Тут все немного сложнее. И первое впечатление эмоциональное — представьте, вы делаете красивое письмо, выверяете каждый пиксель и хотите, чтобы ваш клиент получил максимальное удовольствие от прочтения. И тут вмешивается Gmail, отображая письмо так, как ему кажется лучше, не обращая внимания на все ваши труды над адаптацией.

Поэтому для отправителей обновление несет только негативный характер.

Как это выглядит на практике?

Для сравнения выберем два почтовых клиента — наш любимый Gmail и стандартное приложение Mail на iPhone.

Сравнение Gmail и iPhone Mail

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

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

Разное отображение писем

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

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

Что с этим делать?

Определение проблемы — уже немалый шаг к ее решению. Мы знаем, что Gmail подставляет размер шрифта, который выставлен в телефоне, значит мы можем попробовать “перебить” эти стили, задав нужные нам значения в нужном месте в редакторе кода в разделе CSS.

До манипуляций с текстом, он меняет свой размер в соответствии с настройками телефона:

Теперь, все что нам нужно — создать понятный нам класс стилей, который будет описывать правильный размер шрифта. В нашем случае — это будет класс “text-m-small” добавляем его к контейнеру с текстом:

class=»text-m-small» style=»color:rgb(255, 255, 255);line-height:150%;»>REDEEM ONLINE ➲

Во вкладке CSS описываем это класс следующим образом:

font-size: 12pt !important;

Именно добавление к стилю “!important” и позволяет переписать задаваемые Gmail размеры.

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

Эпилог

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

Довольно простой фикс поможет вам в будущем “сохранить лицо” и лишний раз проявить заботу о клиенте.

Шрифт ваших писем портит вам жизнь

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

Шрифтовые дизайнеры избегают выбирать Helvetica и Arial. Вам тоже следует их опасаться.

Helvetica, наиболее очевидный выбор для многих брендов и «нердов от типографики», по умолчанию используется в приложении Apple Mail. Gmail по умолчанию использует Arial, шрифт, который один дизайнер назвал «неказистым внебрачным сыном Гельветики». Если браузер не поддерживает Arial, Gmail использует вместо него Гельветику.

Хотя Helvetica – любимый вариант для многих «помешанных на дизайне», поскольку он относительно нейтрален, недостаточное расстояние между элементами шрифта и их сильная схожесть затрудняют чтение объемных текстов. «Буквы начинают слипаться, – говорит Надин Шахин (Nadine Chahine), шрифтовый дизайнер из Monotype. – Это делает текст слишком скученным».

Arial как и Helvetica, обладает тем, что дизайнеры шрифтов называют элементами «отраженными по вертикальной или горизонтальной оси» – это затрудняет различимость букв в строке. «Вспомните буквы b и d, p и q – дети часто их путают. Они – отражения друг друга, – говорит дизайнер шрифтов Бруно Мааг (Bruno Maag). – Это свойство усиливается в таких шрифтах, как Arial, где элементы в буквальном смысле получены зеркальным отражением тех или иных форм».

Обратите внимание на то, как похожи буквы b и d на рисунке ниже, а также на то, что расстояние между h и e для Helvetica немного больше, чем расстояние между t и i. Может показаться, что это незначительные мелочи, но и тот, и другой момент серьезно осложняют читабельность текстов, особенно когда тексты объемные, и вы вынуждены читать их в большом количестве (как часто бывает с электронной почтой).

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

Gmail, Apple Mail и Outlook (по результатам исследования более миллиарда писем оказалось, что эти почтовые клиенты – наиболее популярные для настольных ПК), как правило, используют шрифты из группы sans serif (без засечек) вроде Helvetica, Arial и Calibri – это дефолтный шрифт для Microsoft Outlook.

«До сравнительно недавнего времени большинство компьютеров, использующихся в корпоративной среде, не имело достаточно высокого разрешения экрана», – говорит типограф Джерри Леонидас (Gerry Leonidas). Более простые гарнитуры, не обремененные мелкими деталями и элементами дизайна, которые встречаются у шрифтов с засечками, на таких экранах воспроизводились «чище». Но «за последние 4-5 лет качество экранов выросло настолько, что на них отлично видно расстояние между элементами шрифта, глифы воспроизводятся четко и не сливаются между собой», – подчеркивает Леонидас. Теперь у почтовых клиентов нет никаких оснований использовать шрифты без засечек.

Однако груз прошедших лет заставляет разработчиков противостоять возможным изменениям – и это, по мнению Маага, настоящая трагедия. «Мнение о том, что шрифты с засечками слишком «аляповаты» для почты, больше не выдерживает критики. Вам нужен шрифт, разные элементы которого не являются отражениями друг друга». Благодаря характерным засечкам, которые присутствуют у шрифтов группы serif, их элементы явно различаются между собой. Посмотрите, как засечки на рисунке ниже придают каждой букве индивидуальность.

Главное достоинство хорошего шрифта – его читабельнось: комбинация скорости и удобства в процессе чтения, а также понятности текста, что-то вроде эмоционального принятия шрифта. То, как выглядят буквы, их размер и расстояние между ними определяет, легко ли будет прочесть текст.

«Когда мы читаем, мы не воспринимаем каждую букву в отдельности, – говорит Хосе Скалионе (Jose Scaglione), создатель Literata, одного из шрифтов для электронных книг из Google Play. – Мы распознаем буквы группами, а наш мозг оценивает характер взаимодействия между темными и светлыми участками текста».

Bookerly, новый шрифт, созданный Бруно Маагом для Kindle – это сериф, который многие считают удобным для чтения больших объемов текста (тем не менее, вопрос о том, насколько тот или иной сериф превосходит в читабельности шрифты без засечек, остается открытым – 1, 2). «Каждый глиф здесь уникален», – говорит о Bookerly его создатель. – Благодаря этому шрифт содержит разнообразные и гармоничные элементы». Согласно международным тестам, которые провел Amazon, тексты, набранные шрифтом Bookerly, читаются на 2% быстрее и приятнее, чем материалы, набранные шрифтами, использовавшимися Amazon ранее.

Шрифт Literata был спроектирован с учетом тех же принципов. Дизайнеры удлинили выносные элементы букв (например d и p), чтобы улучшить различимость той или иной формы. Они также сделали элементы шрифта чуть шире.

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

Электронные письма мы читаем гораздо менее вдумчиво – как правило, просто пробегаем глазами по паре абзацев. Дизайнеры, у которых мы брали интервью, сходятся во мнении, что для такого «быстрого» чтения очень важно, чтобы между буквами было достаточно много места. Шрифт с засечками, помимо прочего, позволит упростить распознавание самих букв.

Даже сегодня пользователи не обязаны «ломать глаза» о Гельветику или Arial. В Gmail можно выбрать один из шести дополнительных шрифтов и настроить уровень насыщенности его начертания.

В сущности, каждый, кто знает что-либо о шрифтах, старается изменить дефолтные настройки приложений. Мааг использует для электронных писем шрифты Verdana (без засечек) и Georgia (сериф): и тот, и другой имеют более «открытую» форму знаков, чем Helvetica и Arial. Verdana, как показано ниже, имеет большее (и более равномерное) расстояние между символами. Скалионе нравится Georgia. Шахин предпочитает шрифты Calibri и Verdana. Леонидас раньше использовал Verdana, но после приобретения HD-монитора перешел на шрифт под названием Input.

Может быть, почтовым клиентам пора сменить дефолтные настройки. «Я искренне убежден, что компании могут серьезно улучшить жизнь своих клиентов, вводя в оборот более качественные шрифты, которые, само собой, повлияют на то, как вы читаете электронную почту», – говорит Мааг. А что, если предложить использовать Bookerly для e-mail? «В теории, это хорошая мысль. Его можно использовать для чтения писем», – подтверждает Скалионе. Что ж, мечтать не вредно.

  • Блог компании Pechkin.com
  • Типографика

Какие шрифты использовать для email-рассылки

Какие шрифты использовать для email рассылки

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

Популярные шрифты для письма

Для начала нужно оговорить классы шрифтов:

  • антиква (serif) – символы имеют точки, завитки, засечки на концах;
  • гротеск (sans serif) – строгие прямые линии, без дополнений.

Антиква Georgia и гротеск Arial

Давайте познакомимся с “безопасными” шрифтами – они правильно отображаются всеми почтовыми клиентами:

Пример рассылки со шрифтами антиквы

  1. Times New Roman – антиква, был создан для великобританской газеты The Times. Шрифт занимает мало места и удобен для чтения, самый используемый в мире для официально-делового стиля. Возможно, из-за официальности его редко применяют в email-маркетинге.
  2. Helvetica – неогротеск, широко распространен в Европе и США, в 2001 году в нем увеличено количество символов до 1866. Любимый шрифт многих дизайнеров, он нейтрален относительно других, но в нем недостаточное расстояние между глифами (элементы шрифта), поэтому текст смотрится сбитым.
  3. Arial – гротеск, практически копирует Helvetica, наиболее распространен в мире. Это системный шрифт операционных систем Windows и MacOS, в то время как Helvetica предустановлена только на MacOS. При этом Arial легче, чем Helvetica.
    Почтовый сервис Apple Mail использует по умолчанию Helvetica, а Gmail — Arial, если браузер его не поддерживает – переходит на Helvetica. По данным Litmus Email Analytics, Apple Mail использует 11% аудитории по всему миру, а Gmail – 27%.
    В Arial и Helvetica символы имеют аналогичные элементы, которые отражены по вертикали или горизонтали. Поэтому некоторые буквы трудно отличить, например: b и d, p и q, – это замедляет чтение. Альтернативные варианты, которыми можно заменить эти шрифты: Georgia и Verdana.
  4. Georgia – в стиле переходной антиквы. Шрифт с красивым курсивным полужирным начертанием и короткими засечками на концах символов. Отличительная черта – прыгающие цифры. Этот шрифт универсальный вариант: его используют как в официально-деловом стиле, так и в веб-дизайне.
  5. Verdana – гротеск, разрабатывался специально для Microsoft с целью улучшить читаемость текста на экранах с низким расширением. Шрифт с достаточным просветом внутри символов, буквы открытой формы.
  6. Tahoma – гротеск, очень похож на Verdana, но с полужирным начертанием. Имеет зауженные символы и узкий апрош (расстояние между глифами).
  7. Trebuchet MS – гротеск, разрабатывался под те же требования, что и Verdana, но с незначительными изменениями символов: добавление/исключение некоторых деталей.
  8. Courier – антиква, каждый знак имеет одинаковую ширину (моноширинный). Похож на шрифт печатной машинки, использовался во всех отраслях печатной промышленности, например, Госдепартаментом США вплоть до 2004 года (после заменен на Times New Roman). Courier New с более выраженными точками и запятыми. Этот шрифт, не очень подходит для email-рассылок, т.к. слишком широкий.
  9. Palatino – антиква, создан для печати и прессы, основан на почерках итальянских мастеров эпохи Ренессанс. Символы близки к каллиграфическим.
  10. Geneva – гротеск, редизайн Helvetica с дополнением базового набора лигатур.
  11. Lucida Sans – гротеск, первый юникод-шрифт. Не рекомендуем использовать его для отображения текста кириллицей, т.к. эта версия достаточно слабая.

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

Кастомные шрифты используют такие компании, как: Apple, Nokia, IBM, BBC, Netflix и т.д. До недавнего времени нельзя было использовать собственные шрифты в email-рассылке. Теперь, в редакторе писем eSputnik появилась возможность добавления кастомного шрифта из других источников.

Кастомный шрифт IBM

Как выбрать и использовать шрифты для email-рассылки

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

  1. Используйте разныевиды шрифтов для письма. Но помните, что нагромождение большого количества шрифтов в одном email может сделать текст беспорядочным, поэтому ограничьтесь двумя-тремя, которые органично дополняют друг друга: например, один – для заголовка, второй – для всего текста, третий – декоративный для выделения важных деталей на баннере. Избегайте сочетаний, которые не подходят по стилю (например: Arial и Comic Sans).
  2. Подобрать красивый шрифт для письма – это только полдела, обязательно проверьте шрифт на все необходимые вам начертания и глифы. Т.к. не все могут содержать необходимые символы. Чтобы не использовать их из других шрифтов, лучше сразу выбрать подходящий.
  3. Декоративные шрифты лучше использовать только в отдельных элементах и в небольшом количестве. Они плохо читаемы в длинных текстах, и не факт, что правильно отобразятся у пользователя. Если уж сильно хочется добавить в письмо что-то такое-эдакое – используйте безопасные антиква шрифты для рассылки, которые мы описали выше. А для остальных, с засечками, – рекомендуем перестраховаться и прописать в коде письма, какой шрифт (из безопасных) использовать почтовому клиенту, если он не может отобразить выбранный вами вариант.
  4. Выберите такой шрифт письма, который будет органически дополнять сообщение и подчеркнет корпоративный стиль. Странно писать о серьезных вещах используя Comic Sans, но если вы с клиентами достаточно близки – почему бы и нет? Comic Sans – это один из шрифтов, который часто поддается критике. Если вам очень нравится этот шрифт – не нужно делать всё письмо в этом стиле. Выделяйте заголовки или отдельные элементы.
  5. Ссылки оформляйте тем же шрифтом, что и весь текст письма – не используйте “голые” ссылки только с анкорами. Выбирайте подходящие по тексту и смыслу словосочетания, прочитав которые пользователь сразу поймет, куда ведет ссылка. Не используйте для анкоров общие слова “здесь” или “ссылка”.

Пример оформления ссылок

  • В оформлении посадочной страницы используйте те же шрифты, что и в письмах. Так пользователь запомнит стиль и сможет быстро идентифицировать бренд.
  • Для кнопок подойдут шрифты Georgia и Verdana.
  • Если вы используете кастомные шрифты, обязательно делайте предварительную рассылку на разные устройства, чтобы убедиться, что шрифт отображается у всех почтовых клиентов. В коде письма указывайте запасной шрифт. Это нужно делать для каждого текстового блока через свойство font-family. К примеру, font-family: Georgia, Verdana, Serif – это значит, что сообщение отобразится шрифтом Georgia, если его нет, то Verdana, если и его нет, то любым системным с засечками.
  • Большинство почтовиков используют HTML для отображения писем, поэтому необходимо следить, чтобы использовались правильные коды для шрифта и стиля. Зачастую безопасные шрифты уже прописаны в верстке CSS, но мы напомним несколько кодов:
    • жирный шрифт:

    Лучшие шрифты для писем: советы и рекомендации по использованию

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

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

    Шрифты для HTML-писем: основные принципы

    При выборе лучших шрифтов для писем следует помнить о трех основных правилах:

    1. Не используйте одновременно более двух шрифтов в письмах

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

    2. Используйте стили шрифтов аккуратно

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

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

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

    3. При выборе шрифтов придерживайтесь требований доступности

    Доступность писем — один из главных трендов дизайна 2024 года, и шрифты — одна из его составляющих. Доступность имеет свои требования, которым крайне важно следовать. О правилах и требованиях доступности шрифтов мы расскажем в отдельном разделе «Рекомендации по доступности шрифтов для писем».

    4. Обращайте особое внимание на разборчивость выбранного шрифта для писем

    Разборчивость — это способность отличать одну букву от другой. Разумеется, разборчивый основной текст читается лучше и быстрее.

    Какой шрифт самый читаемый? Эксперимент по определению удобочитаемости шрифтов был проведен Норбертом Шварцем и Хюнджином Сонгом в 2010 году. Результаты оказались впечатляющими. Вы тратите почти в два раза больше времени на чтение курсивных и декоративных шрифтов по сравнению с обычными.

    Лучшие шрифты для писем _ Тест

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

    Какой шрифт выбрать для писем: Serif или Sans Serif?

    В чем разница между ними?

    Шрифты с засечками можно определить как шрифты, в которых в конце каждого символа есть небольшая черточка. Самые популярные шрифты с засечками — Times New Roman и Georgia.

    Шрифты без засечек не имеют декоративной черточки в конце каждого символа. Самые популярные безопасные шрифты без засечек — Arial, Trebuchet MS и Helvetica.

    Сравнение шрифтов с засечками

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

    Безопасные шрифты для писем

    Вот список ТОП-10 шрифтов, которые можно использовать со 100% гарантией того, что они будут отображаться в почте пользователей именно так, как вы задумали:

    1. Шрифт для писем Arial

    Этот шрифт, разработанный еще в 1982 году, входит в комплект всех версий Microsoft, начиная с Windows 3, и в Apple Mac OS X. Отображается всеми почтовыми клиентами. Благодаря диагональным срезам на концах он выглядит менее механическим по сравнению с другими шрифтами с засечками.

    Шрифт для писем Arial

    2. Шрифт для писем Helvetica

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

    Шрифт для писем Helvetica

    3. Шрифт для писем Times New Roman

    Этот идеальный шрифт имеет высокие строчные буквы, слегка сжатые, короткие нисходящие и восходящие. Создан по заказу газеты «The Times» в 1931 году. Это один из самых любимых шрифтов из семейства шрифтов без засечек у многих интернет-пользователей и веб-дизайнеров.

    Шрифт для писем Times New Roman

    4. Шрифт для писем Verdana

    Он был разработан для чтения на экранах с низким разрешением. Его главная особенность — высокие и широкие символы в нижнем регистре.

    Шрифт для писем Verdana

    5. Шрифт для писем Courier / Courier New

    Courier был разработан в 1955 году и приспособлен для моноширинного шрифта. В Courier New больше точек и запятых, чем в оригинальном Courier. Courier — стандартный современный шрифт, используемый для написания сценариев в киноиндустрии.

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

    6. Шрифт для писем Tahoma

    Он напоминает Verdana, но отличается более узкими буквами, небольшими кеглями и узким межбуквенным интервалом. Используется в качестве экранного шрифта по умолчанию в версиях Windows 95, 2000 и XP.

    Шрифт для писем Tahoma

    7. Шрифт для писем Georgia

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

    Шрифт для писем Georgia

    8. Шрифт для писем Palatino

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

    Шрифт для писем Palatino

    9. Шрифт для писем Trebuchet MS

    У некоторых букв укороченные хвостики; у полужирного начертания букв заостренные, а не закругленные, а также закругленные точки у прописных и строчных букв. Появился в 1996 году.

    Шрифт для писем Trebuchet

    10. Шрифт для писем Geneva

    Это переработанная версия Helvetica. Основное отличие — наличие базового набора лигатур.

    Шрифт для писем Geneva

    Эти подходящие для писем шрифты считаются самыми читаемыми и одними из лучших шрифтов для email-дизайна.

    Где взять безопасные для писем шрифты?

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

    Какой шрифт лучше всего использовать для email-рассылок?

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

    Helvetica — один из самых популярных шрифтов, который используют 25% людей в дизайне. Times New Roman занимает второе место.

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

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

    Я создал шаблон письма в редакторе Stripo с одинаковым текстом и одинаковым размером 18 px для каждого шрифта с засечками.

    Выбор шрифтов для письма из списка для будущих кампаний

    Использование кастомных шрифтов в письмах

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

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

    Как добавлять и использовать пользовательские шрифты с помощью Stripo

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

    Здесь представлены шрифты, используемые по умолчанию в почтовых клиентах:

    • в iCloud Mail в качестве шрифта по умолчанию используется Helvetica;
    • в Gmail используется шрифт Arial;
    • в Microsoft Outlook самых старых версий часто используется шрифт Calibri.

    Шрифты в email-дизайне

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

    Размер шрифтов в письмах имеет значение

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

    Безопасные шрифты для писем _ Работа над размером шрифта для письма

    Знаете ли вы, что Stripo позволяет задавать разные размеры шрифта для мобильных и десктопных устройств? Например, можно использовать 14 px для писем, открываемых на десктопах, и 16 px для мобильных устройств.

    Межстрочный интервал в шрифтах для писем

    Межстрочный интервал — это расстояние между строками по вертикали. Оно измеряется в процентах от размера буквы.

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

    Согласно рекомендациям по доступности писем, оптимальный межстрочный интервал варьируется от 150 до 200%.

    Точечный интервал

    (текст письма с одинарным межстрочным интервалом)

    1-х и 6-ти точечный интервал

    (текст письма с межстрочным интервалом 150%)

    Шрифты для писем на баннерах

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

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

    Имейте в виду, что лучше выбрать разборчивый стиль шрифта.

    Лучшие шрифты для писем _ Работа с баннерами

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

    Цвет шрифта в письме

    Здесь действуют всего 2 правила, которым необходимо следовать:

    1. Сведите к минимуму количество цветов шрифта в письмах

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

    Пример удачного цветового сочетания в письмах.

    Цвет шрифта в письмах

    (Источник: письмо от Victoria’s Secret)

    2. Используйте контрастные цвета в шрифтах для писем

    Если вы планируете использовать разные цвета, используйте контрастные, чтобы текст был разборчив для дальтоников. Проверьте, достаточно ли они контрастны, с помощью следующих инструментов:

    • accessible colors для проверки цветового контраста тела письма (текста и других элементов, за исключением изображений);
    • Coblis, симулятор дальтонизма — проверяет, доступны ли ваши изображения для дальтоников.

    К слову о доступности писем.

    Руководство по доступности шрифтов и текстов в письмах

    Вкратце, мы должны учитывать эти рекомендации по нескольким причинам:

    • чтобы люди с дальтонизмом могли читать наши письма, а также чтобы использовать необходимые цвета в проекте email-дизайна;
    • чтобы люди с нарушениями зрения могли прослушивать наши письма с помощью программ для чтения с экрана;
    • чтобы наши пользователи, которые очень заняты и проверяют почту за рулем или во время готовки и просят Siri «прочитать» входящие сообщения, могли прослушивать наши письма;
    • чтобы дать возможность дислексикам читать наши письма — ведь многие люди, страдающие дислексией, не знают об этом, но чтение неадаптированных текстов для них совершенно невыносимо;
    • используйте в email-дизайне максимум два шрифта sans-serif.

    Итак, рекомендации по обеспечению доступности текста в письмах:

    1. Учитывайте контрастность цветов.
    2. Выравнивайте текст по левому краю, чтобы дислексикам было легче воспринимать его в письме — избегайте текста, выровненного по центру.
    3. Всегда ставьте знаки препинания в конце каждого абзаца. Да, это может противоречить правилам грамматики, но так мы сделаем письмо более разборчивым и хотя бы одного получателя более счастливым.
    4. Размер шрифта должен составлять 14 px или больше.
    5. Не подчеркивайте текст.
    6. Откажитесь от курсива. Если вам нужно выделить какую-то часть текста, используйте только жирный шрифт!
    7. Не используйте КАПС!
    8. Выбирайте разборчивые шрифты для своих писем.
    9. Не используйте несколько шрифтов. Одного или двух будет достаточно.
    10. Сочетайте разные шрифты с толстыми и тонкими штрихами.

    Вам также может понравиться

    В завершение

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

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

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

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *