Які шрифти використовувати для email-розсилки

Придумати лист — це тільки перший етап, його ще треба якісно оформити. Раніше ми розповідали про тренди в дизайні email-розсилок. Сьогодні ми поговоримо про шрифт для листа. Правильно підібраний шрифт, який гармонує із загальним дизайном повідомлення, дозволяє підписникові легко «сканувати» текст, тож ви швидше отримаєте його відгук. Відображення шрифтів для одержувачів значною мірою залежить від можливостей пристрою, на якому відкривають повідомлення.

Як вибрати і використовувати шрифти для email-розсилки

Який шрифт вибрати для листів, антиква або гротеск — тут думки категорично різняться. Пам'ятайте, що текст без зарубок вважається зручнішим для читання, якщо його відкривають з десктопної версії. Але, наприклад, Serif із зарубками легко читається на екрані мобільного пристрою і може виглядати цікавіше, ніж деякі гротескні. Перерахуємо, на що слід звернути увагу під час вибору шрифтів і роботи з ними:

Використовуйте різні типи шрифтів для листа. Але пам'ятайте, що нагромадження великої кількості шрифтів в одному email може зробити текст безладним, тому краще обмежитися двома-трьома, які органічно доповнюють один одного: наприклад, один — для заголовка, другий — для всього тексту, третій — декоративний для виділення важливих деталей на банері. Уникайте сполучень, які не підходять за стилем (наприклад: Arial і Comic Sans).
Дібрати гарний шрифт для письма — це лише півсправи: обов'язково перевірте шрифт на предмет усіх потрібних вам накреслень та гліфів. Річ у тім, що не всі шрифти можуть містити необхідні символи. Щоб не використовувати їх з інших шрифтів, краще одразу вибрати відповідний.
Декоративні шрифти краще використовувати тільки в окремих елементах і в невеликій кількості. Вони погано читаються в довгих текстах і не факт, що коректно відобразяться у користувача. Якщо вже так сильно хочеться додати до листа щось таке собі неординарне — використовуйте безпечні антиква-шрифти для розсилки, які ми описали вище. А для інших, із зарубками, — рекомендуємо перестрахуватися й прописати в коді листа, який шрифт (із безпечних) використовуватиме поштовий клієнт, якщо не зможе відобразити вибраний вами варіант.
Виберіть такий шрифт листа, який буде органічно доповнювати повідомлення й підкреслить корпоративний стиль. Дивно писати про серйозні речі, використовуючи Comic Sans, але якщо ви з клієнтами досить близькі — чому ні? Comic Sans — це один із шрифтів, який часто зазнає критики. Якщо вам дуже подобається цей шрифт — не треба робити весь лист у цьому стилі. Виділяйте заголовки або окремі елементи.
Посилання оформлюйте таким самим шрифтом, що і весь текст листа — не використовуйте "голі" посилання тільки з анкорами. Вибирайте доречні щодо тексту та змісту словосполучення, прочитавши які, користувач одразу зрозуміє, куди веде посилання. Не використовуйте для анкорів загальні слова "тут" або "посилання".
В оформленні цільової сторінки використовуйте такі самі шрифти, що й у листах. Так користувач запам'ятає стиль і зможе швидко ідентифікувати бренд.
Для кнопок придатні шрифти Georgia та Verdana.
Якщо ви використовуєте кастомні шрифти, обов'язково робіть попередню розсилку на різні пристрої, щоб переконатися, що шрифт відображається в усіх поштових клієнтах. У коді листа вказуйте резервний шрифт. Це треба робити для кожного текстового блоку через властивість font-family. Наприклад, font-family: Georgia, Verdana, Serif — це означає, що повідомлення відобразиться шрифтом Georgia, а якщо його немає, то Verdana; якщо його теж немає, то будь-яким системним із зарубками.
Більшість поштовиків використовують HTML для відображення листів, тому необхідно стежити, щоб використовувалися правильні коди для шрифту й стилю. Найчастіше безпечні шрифти вже прописані у верстці CSS, але ми нагадаємо кілька кодів:

жирний шрифт:

&lt;strong&gt; &lt;/strong&gt;

або

&lt;b&gt; &lt;/b&gt;

маркований список:

&lt;ul&gt;
&lt;li&gt;перший пункт&lt;/li&gt;
&lt;li&gt;другий пункт&lt;/li&gt;
&lt;li&gt;третій пункт&lt;/li&gt;
&lt;/ul&gt;

курсив:

&lt;i&gt; &lt;/i&gt;

або

&lt;em&gt; &lt;em&gt;

додавання строчного тексту тим самим шрифтом
```
&lt;small&gt; &lt;/ small&gt;
```
абзац:
```
&lt;p&gt; &lt;/p&gt;
```

Додавання кастомних шрифтів

Спробувати

Застосування елементів стилю в листах

Із тим, які шрифти використовувати для email-розсилки, ми вже розібралися, тож тепер перейдемо до окремих елементів. Зміна стилю шрифтів додасть вашому листу певного шарму й вигідно підкреслить головну думку в тексті. Найкорисніші елементи стилю та їхні найдоречніші галузі застосування включають до себе таке:

Жирний текст виділяє важливі фрази і створює контраст у тексті. Більшість редакторів дозволяють змінювати текст жирним шрифтом, не додаючи HTML-теги. Цей стиль найчастіше використовується для заголовків, підписів, окремих слів або фраз, важливих пропозицій.
Курсив «обережно» привертає увагу до ваших слів. Це вдалий вибір для виділення одного слова або короткої фрази в пункті, розмежування підзаголовків, власних імен або якихось назв. Курсив може бути складним для розуміння на екрані комп'ютера, тож краще обмежити використання курсиву окремими словами та короткими фразами.

Уникайте надмірного використання виділень жирним шрифтом або курсивом — текст буде важко читати і користувач просто закриє листа.

Підкреслений текст читачі можуть сприйняти як гіперпосилання. Рекомендуємо уникати підкреслень, оскільки це створює труднощі для читачів з дислексією

Зміна розміру тексту. Робить текст зручнішим для читання на екрані комп'ютера. Ви можете використовувати різні розміри для заголовків та підзаголовків, щоб привернути увагу або навпаки — зробити окремий блок менш помітним. У прикладі нижче шрифт для підпису з меншим кеглем, але на значимість блоку це не вплинуло. Він просто не привертає зайвої уваги і читач дійде до нього в порядку черги.
Кольоровий шрифт може як поліпшити, так і зіпсувати враження від зовнішнього вигляду вашого листа. Використання темного тексту і світлого фону — найбільш прийнятний варіант, але не навпаки. Переконайтеся, що колір шрифту і колір фону достатньо контрастні. А в такому форматі взагалі незрозуміло, навіщо стільки кольорів. Хоч я і підписалася, але цей лист читати неможливо, зокрема через таку насиченість і строкатість. Уникайте яскравих контрастних кольорів: синього, червоного, жовтого та ін., а тим паче листів, які складаються тільки з них.

Висота шрифту і відступи не менш важливі для комфортного читання. Основний шрифт робіть не меншим за 12 рх з урахуванням того, що ваші листи можуть читати на мобільних пристроях. Більше 16 рх весь лист теж краще не робити — це зробить повідомлення довшим, і читати його також буде незручно.
Можна використовувати міжрядковий інтервал від 1,5 до 2 — важливо, щоб текст не злипався, але й розтягувати його теж не варто.

До висновків

Визначити найкращий шрифт для електронних листів неможливо, усе залежить тільки від вашої фантазії та можливостей поштовиків. Найпростіші рекомендації:

вибирайте такі шрифти, які добре виглядатимуть разом і відображатимуть загальний стиль компанії;
максимальна кількість шрифтів в одному email — три (заголовок, текст, декоративні шрифти для виділення важливих деталей);
перевіряйте вибраний шрифт на предмет усіх потрібних гліфів;
прописуйте резервні шрифти;
заздалегідь тестуйте розсилку.

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

Популярні шрифти для листа

Як вибрати і використовувати шрифти для email-розсилки

Застосування елементів стилю в листах

До висновків