Шрифти для листа в email розсилці - Як вибрати | Блог eSputnik

Наталя Устименко

Head of Direct Marketing

Які шрифти використовувати для 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. Посилання оформлюйте таким самим шрифтом, що і весь текст листа — не використовуйте "голі" посилання тільки з анкорами. Вибирайте доречні щодо тексту та змісту словосполучення, прочитавши які, користувач одразу зрозуміє, куди веде посилання. Не використовуйте для анкорів загальні слова "тут" або "посилання".

    Приклад оформлення посилань

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

  7. Для кнопок придатні шрифти Georgia та Verdana.

  8. Якщо ви використовуєте кастомні шрифти, обов'язково робіть попередню розсилку на різні пристрої, щоб переконатися, що шрифт відображається в усіх поштових клієнтах. У коді листа вказуйте резервний шрифт. Це треба робити для кожного текстового блоку через властивість font-family. Наприклад, font-family: Georgia, Verdana, Serif — це означає, що повідомлення відобразиться шрифтом Georgia, а якщо його немає, то Verdana; якщо його теж немає, то будь-яким системним із зарубками.

  9. Більшість поштовиків використовують HTML для відображення листів, тому необхідно стежити, щоб використовувалися правильні коди для шрифту й стилю. Найчастіше безпечні шрифти вже прописані у верстці CSS, але ми нагадаємо кілька кодів:

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

    <strong> </strong>

    або

    <b> </b>

     

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

    <ul>
    <li>перший пункт</li>
    <li>другий пункт</li>
    <li>третій пункт</li>
    </ul>

     

  • курсив:

    <i> </i> 


    або
     

    <em> <em>

     

  • додавання строчного тексту тим самим шрифтом
     

    <small> </ small>

     

  • абзац:
     

    <p> </p>

     

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

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

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

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

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

    Текст курсивом у email-розсилці

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

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

Різні розміри шрифтів у email

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

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

Важкочитабельні шрифти в email

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

  • Можна використовувати міжрядковий інтервал від 1,5 до 2 — важливо, щоб текст не злипався, але й розтягувати його теж не варто.

Last post

До висновків

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

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

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

  • перевіряйте вибраний шрифт на предмет усіх потрібних гліфів;

  • прописуйте резервні шрифти;

  • заздалегідь тестуйте розсилку.

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

0.0 з 5 на основі 0 оцінок

Наталя Устименко

Head of Direct Marketing

Коментарі 0