Шрифт пошти. Які шрифти використовувати для email розсилки
Будь-який секретар, на якого покладено обов'язок займатися поштою, підтвердить, що ці два завдання – найзатратніші за часом, і спроба виграти на кожному листі хоча б по півхвилини цілком виправдана і вартує певних зусиль. Можливості знайомої всім програми Microsoft Wordдозволяють досить швидко впоратися з написом конвертів. Освоївши цю нехитру функцію, можна одразу отримати конверт не тільки з усіма необхідними реквізитами, а й оформлений у фірмовому стилі організації.
Немаловажний аспект: витратитися доведеться тільки на конверт і фарбу в принтері, не звертаючись при цьому до друкарні.
Для роботи нам знадобиться вкладка Розсилкиу верхньому меню MS Word (рис. 1), і навіть абсолютно чисті, без розмічених полів, конверти. Розташування реквізитів на конвертах різного розмірувже закладено у програму, тому розмітка не знадобиться.
Додатковий плюс: чисті конверти продаються в будь-якому магазині канцтоварів, тому стояти в черзі поштою, щоб їх купити, не потрібно.
Вказівка адреси відправника
Звичайний поштовий конвертвимагає від відправника заповнення наступних реквізитів:
· Ім'я (найменування) та адресу відправника;
· Індекс одержувача;
· Ім'я (найменування) та адресу одержувача.
Пошта Росії закріпила правила написання адрес на своїх відправленнях у Порядок прийому та вручення внутрішніх поштових відправлень, що реєструються.(утв. наказом ФГУП «Пошта Росії» від 17.05.2012 № 114-п):
«4.39. Адреси на поштових відправленнях, супровідних бланках до посилок, супровідних бланках «Е 1-в», що пересилаються в межах Російської Федерації, повинні бути зазначені російською мовою та арабськими цифрами, а пересилаються в межах території республік у складі Російської Федерації можуть оформлятися на державною мовоювідповідної республіки за умови повторення адрес російською мовою.
Реквізити адреси пишуться у такому порядку:
· для юридичної особи- Повне або коротке найменування, для фізичних осіб- прізвище ім'я по батькові;
· банківські реквізити(для поштових переказів післяплати, що направляються юридичній особі або приймаються від юридичної особи): ІПН, кореспондентський рахунок, найменування банку, розрахунковий рахунок, БІК;
· Назва вулиці, номер будинку, номер квартири;
· Назва населеного пункту (міста, селища тощо);
· Назва району;
· Назва республіки, краю, області, автономного округу(області);
· поштовий індекс;
· Телефон одержувача (відправника) (для відправлень EMS, МКПО)».
Найменування та адресу відправника, на відміну інших даних, інформація стала. Її можна внести до програми.
Для цього потрібно натиснути на круглу кнопку Officeу лівому нижньому меню екрана і в меню, що випало, натиснути на кнопку Параметри Word(Рис. 2).
Рис. 2. Кнопка Параметри Word
У вікні, що відкрилося, зліва клацаємо на команду Додатковоі прокручуємо праве поле вниз, до групи Загальні. Там знаходиться поле Поштова адреса. Заповнюємо його та зберігаємо, натиснувши ОК(Рис. 3).
Рис. 3. Приклад заповнення поля Поштова адреса
Тепер програма запам'ятала зворотну адресу відправника і автоматично вказуватиме його на конвертах.
Готуємось вказати індекс одержувача
Індекс одержувача, написаний у нижній лівій частині конверта, відноситься до обов'язкових реквізитів поштового відправлення. Без нього оператор поштою, швидше за все, не прийме листа. Ми будемо діяти за правилами та забезпечимо наші майбутні конверти індексом, написаним за всіма правилами поштової каліграфії.
Знайти в Інтернеті шрифт для написання поштових індексівдуже просто, задавши відповідний пошуковий запит.
Завантажити шрифт можна безкоштовно, проте настійно рекомендуємо перед завантаженням файлу не поспішати та перевірити його на віруси.
Файл шрифту має розширення. Щоб він відображався серед усіх шрифтів Wordпотрібно відкрити папку Мій комп'ютер, далі зайти в Панель управління, знайти папку Шрифтиі перемістити в цю папку завантажений файл.
Напис конверта
Рис. 4. Вікно Конверти та наклейки
Зверніть увагу: адреса відправника вже вказана у відповідному полі цього вікна. Його можна і не відображати на конверті: для цього достатньо поставити галочку в чекбокс Не друкувати. Але ми не рекомендуємо цього робити, інакше можуть виникнути проблеми при надсиланні листів поштою. Адреса відправника – обов'язковий реквізит.
Щоб задати параметри конверта, потрібно натиснути кнопку Параметри. У черговому вікні доступні дві вкладки: Параметри конвертаі Параметри друку.
У вкладці Параметри конвертазадається розмір конверта, на якому проводитиметься друк; формат та розмір конверта в міліметрах вказані відразу (рис. 5). Програма також покаже схему розташування реквізитів у вибраному форматі. Відразу можна задати параметри тексту адрес: шрифт і розмір. Не забуваємо зберігати зміни, натискаючи на ОК.
Рис. 5. Вкладка Параметри конверта
Вкладка Параметри друку, по-перше, дозволяє вибрати принтер, на якому проводитиметься друк, по-друге, показує, як саме слід розташувати конверт у лотку для паперу (рис. 6).
Рис. 6. Вкладка Параметри друку
Задавши всі потрібні параметри конверта та друку, можна повернутися у вікно Конверти та наклейкита натиснути на кнопку Додати, щоб подивитися на електронну версіюготовий конверт. Не вистачає лише індексу. Двічі клікнувши мишкою по білому полю в тому місці, де має бути розташований індекс, пишемо його та змінюємо шрифт на той, що раніше ми підготували для цієї мети. Конверт готовий (рис. 7). Можна сміливо класти в лоток подачі паперу принтера чистий конверт і надсилати документ на друк.
Рис. 7. Готовий конверт
Отже, мінімальної мети досягнуто: витративши всього кілька хвилин, ми назавжди вирішили проблему вказівки на конверті зворотної адреси, а щодо індексу та адреси одержувача, то їх можна без жодних зусиль додавати у відповідні поля на конверті з поштового реєстру або списку розсилки за допомогою елементарної функції"копіювати вставити". На практиці на підготовку конверта за цією інструкцією йде менше хвилини.
Гарні конверти у фірмовому стилі можна підготувати спеціально для святкових розсилок до державних та професійних свят. Найголовніше, що робота зі створення конвертів у програмі Wordтільки здається складною. Насправді це дуже просто, а час, заощаджений завдяки знанню цієї функції, – безцінний.
Сьогодні ми поговоримо про таку важливу тему у листах, як шрифти:
Добре вибраний шрифт, який гармонує з загальним дизайномвашого email листа, дозволяє передплатнику легко «сканувати» текст, а отже – швидше до нього достукається. Відображення шрифтів для одержувачів залежить від можливостей пристрою, на якому відкривають лист.
Як вибирати шрифти для email розсилок?
Оскільки більшість поштовиків використовують HTML для відображення листів, вам необхідно використовувати правильні HTML коди для шрифту і стилю, який будуть бачити ваші читачі. Використовуйте широкодоступні шрифти, оскільки вони правильно відображаються практично на всіх гаджетах та у всіх поштових клієнтах:
При виборі шрифтів для листів дотримуйтесь правил:
Використовуйте різні шрифти для заголовків та блоків. Пріоритетних шрифтів для заголовка листа немає, тому це залежить лише від вашої фантазії та можливостей поштовиків. Занадто багато різних шрифтів в одному листі може зробити ваш текст безладним, так що обмежтеся не більш ніж двома-трьома різними шрифтами. Використання одного шрифту для заголовків та іншого шрифту для всього тексту – це прийнятний стандарт.
Декоративні шрифти краще не додавати в текст або використовувати тільки в окремих елементах і в невеликій кількості. Вони погано читаються у довгих текстах і не факт, що вони правильно відобразяться у користувача. Якщо вже дуже хочеться додати в лист щось таке-таке - додавайте в зображення нестандартні шрифти, проставляючи до них
Оскільки Astratex роблять лист із блоків-картинок, чергуючи їх із текстом. На картинках вони експериментують зі шрифтами як завгодно і листа від цього абсолютно не страждає.
Підбирайте шрифт, який доповнить особу вашого повідомлення, підкреслить корпоративний стиль тощо. Дивно писати про серйозні речі використовуючи Comic Sans, але якщо ви з клієнтами досить близькі – чому б і ні? Comic Sans – це один із шрифтів, який часто піддається критиці. Якщо вам дуже подобається цей шрифт – не потрібно робити весь лист у цьому стилі. Виділяйте заголовки чи окремі елементи. Але в той же час надто багато шрифтів у вашому листі зроблять лист важко читати і його буде складно візуально сприймати вашим читачам.
Уникайте різноманітності шрифтів і поєднань, які не підходять за стилем (наприклад: Arial та Comic Sans).
Використовуйте на посадкових сторінках ті ж шрифти, що й у листах, щоб користувач звикав до вас.
Текст без засічок вважається зручнішим для читання. Тим не менш, Serif із засічками легко читається на екрані пристрою і може виглядати цікавіше, ніж деякі шрифти без засічок.
Застосування елементів стилю у листах
Які шрифти використовувати для email розсилки ми вже зрозуміли, а тепер перейдемо до окремим елементам. Зміна стилю шрифтів надасть вашому листу певного шарму і вигідно підкреслить головну думкуу тексті. Найкорисніші елементи стилю та їх найбільш відповідні сфери застосування включають:
Жирний текствиділяє важливі фрази та створює контраст у тексті. Більшість редакторів дозволяють змінювати текст жирним шрифтом, не додаючи HTML теги. Жирний найчастіше використовується для заголовків, підписів, окремих слів чи фраз, коротких окремих фраз, важливих пропозицій. Жирний текст всередині абзацу може відволікати увагу від решти тексту, тому, коли ви хочете підкреслити тільки одне слово в пункті, вибирайте краще курсив, а не жирний.
Курсив «обережно»привертає увагу до ваших слів. Це гарний вибірдля виділення одного слова або короткої фразиу пункті, розмежування підзаголовків, власних імен чи якихось назв. Курсив може бути важко читаний на екрані комп'ютера, так що краще обмежити використання курсиву до окремих слів і коротких фраз.
Уникайте надмірного використання виділень жирним шрифтом або курсивом - це неможливо читати і користувач просто закриє лист.
Підкреслений текстчитачі можуть визначити як гіперпосилання. Ви можете підкреслити заголовки, щоб відокремити їх від наступного тексту, але якщо ви маєте можливість - зробіть їх посиланнями, щоб клієнт не розчарувався, безрезультатно клацаючи на заголовки.
Зміна розміру тексту. Робить текст зручнішим для читання на екрані комп'ютера. Ви можете використовувати різні розміридля заголовків та підзаголовків, щоб привернути увагу чи навпаки – зробити окремий блок менш помітним.
Підпис зроблений меншим кеглем, але на значущість цього блоку це не вплинуло. Він просто не привертає зайвої уваги і читач дійде до нього як черга.
Кольоровий шрифт може як поліпшити, так і зіпсувати враження від зовнішнього виглядувашого листа. Використання темного тексту та світлого фону – найбільш прийнятний варіант, але не навпаки. Переконайтеся, що колір шрифту та колір фону є досить контрастними між собою.
Білий шрифт із засічками на чорному тлі – це незручно. Звичайно, адміністрація знає краще, що їм і як відправляти, але погодьтеся - такі листи читати складно.
А у такому форматі взагалі незрозуміло навіщо стільки фарб. Хоч я і підписалася, але цей лист у мене падає в спам, можливо, в тому числі і завдяки такій насиченості та строкатості. Уникайте контрастних яскравих кольорів: синього, червоного, жовтого і т. д.), а особливо, якщо лист складається тільки з них.
- Висота шрифту та відступи не менш важливі для комфортного читання. Основний шрифт робіть не менше 12 рх, з урахуванням того, що . Більше 16 рх весь лист теж краще не робити – це подовжить лист і читати лист теж буде не зручно.
Зацікавленість аудиторії залежить тільки від контенту, а й від способу його подачі. Іншими словами, важливо і те, про що ви пишете, і те, як ви пишете.
Хочете зробити лист стильнішим? Спробуйте шрифти, які кидаються у вічі. Виберіть шрифт, який відображає настрій листа, і не забудьте переконатися, що він буде красиво і правильно відображатись на комп'ютерах та мобільних пристрояхпередплатників. З можливостями верстки HTML розсилку зробити простіше простого, навіть якщо ви не вмієте писати код самостійно. Є веб-сервіси, такі як Google Fonts, які викладають у загальний доступ готовий код, який вам потрібно буде просто додати до розсилки по певним правилам. Будьте креативними, а зручний онлайн-сервіс безкоштовних веб-шрифтів від Google допоможе вам у цьому.
Використовуйте шрифти замість картинок, щоб надіслати розсилку e-mail зі швидким і правильним завантаженням
Чому при верстці в HTML email розсилок текст кращий за картинку?
- У передплатника може стояти блокування картинок в email, і, щоб побачити картинки, він повинен буде зняти це блокування. А шрифти відображаються у будь-якому випадку.
- Використання шрифтів онлайн-колекції зменшує час завантаження листа. Не має значення скільки разів у листі використовуються веб-шрифти: при завантаженні відбувається лише один запит до сервера, на якому зберігається шрифт. З картинками справа інакша: для підвантаження кожної картинки потрібен окремий запит, тому лист завантажується повільніше. Якщо передплатник має повільний інтернет, то він може просто закрити лист. Тому готові HTML шаблони для email розсилок, що складаються з одних картинок, не завжди приносять кращі результати.
- Навіть найякісніша картинка з високою роздільною здатністю виглядатиме менш чітко та читабельно, ніж текст.
Застосовуйте у листах веб-шрифти Google
Спробуйте змінити шаблон листа за допомогою веб-шрифтів Google! Розкажемо докладніше про те, що це за шрифти, і чому вони такі гарні.
Шрифти Google Fonts – це якісні шрифти високого дозволуякі можна додавати на сайти або в email.
Переваги Google Fonts:
- Великий вибір безкоштовних веб-шрифтів для використання в комерційних та некомерційних цілях.
- Застосувати шрифт до тексту листа в HTML-форматі дуже легко: просто дотримуйтесь нашої інструкції з 6 пунктів, опублікованих трохи нижче.
- Шрифти Google підтримуються більшістю поштових програм, включаючи Apple mail, Outlook 2000/2011, Lotus Notes версій 8 та 8.5, Thunderbird, Android 2.3/4.2 та всіма пристроями на iOS.
Якщо передплатник має блокування зображень, веб-шрифт не з'явиться. Замість нього передплатник побачить стандартний шрифт, наприклад Sans Serif. У будь-якому випадку текст буде читати.
Як використовувати в HTML-листах веб-шрифти Google
Якщо ви пишете листи у форматі HTML, дотримуйтесь шести пунктів нашої інструкції, і ви зможете додати веб-шрифти Google до тексту розсилки.
Крок 1
Перейдіть за посиланням https://www.google.com/fontsта виберіть потрібний шрифт. Наприклад ми візьмемо Shadows Into Light.
Крок 2
Коли ви визначитеся зі шрифтом, натисніть Quick use.
Крок 3
Зліва з'явиться ось таке віконце з HTML-кодом:
Тут напишіть ваш заголовок
Готово! Ось як виглядатиме ваш заголовок у готовому листі:
Інші веб-шрифти
Крім Google Fonts є й інші цікаві веб-шрифти, які ви можете взяти для письма, щоб не обмежуватися набридлими Arial та Times New Roman.
Font-family: Arial, Helvetica, sans-serif; font-family: Georgia, serif; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-family: "Times New Roman", Times, serif; font-family: "Arial Black", Gadget, sans-serif; font-family: "Comic Sans MS", cursive, sans-serif;.t.c. font-family: Impact, Charcoal, sans-serif; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family: Tahoma, Geneva, sans-serif; font-family: "Trebuchet MS", Helvetica, sans-serif; font-family: Verdana, Geneva, sans-serif; font-family: "Courier New", Courier, monospace;
Хоча більшість поштових програм підтримує стандартні веб-шрифти, є й такі, які не мають такої функції. У цьому випадку веб-шрифт буде замінено на універсальний. Як видно трохи вище, майже кожен рядок закінчується згадкою про шрифт Sans Serif, який підтримується всіма поштовими програмами.
Підбиваємо підсумки з веб-шрифтів
Усі хочуть, щоб їхні листи виділялися серед інших розсилок, які заповнюють поштову скриньку передплатника. Стандартні веб-шрифти та особливо веб-шрифти Google – це чудовий спосіб привернути увагу читача. Не захаращуйте листа непотрібними картинками замість заголовків – краще користуйтеся веб-шрифтами. Це освіжить лист, зменшить час його завантаження та покращить читабельність.
Як вибрати ідеальний шрифт? Спробуйте А/В тестувати різні шрифти, і ви знайдете той, який найкраще відповідає змісту листа та характеру аудиторії.
Хочеться сказати умільцям, які вважають за краще самостійно писати скрипт email розсилки: 2016 рік на дворі – ваш час коштує дорожче! Навіщо винаходити велосипед, якщо всі зручні інструменти масових email розсилок вже є у зручному та недорогому сервісі Mailigen? Просто завантажте свою базу та починайте створювати професійні розсилки за лічені хвилини.
Якщо вам потрібна консультація професіоналів щодо використання веб-шрифтів у коді листа, будь ласка, зв'яжіться з нами. Якщо ви хочете дизайн листа "під ключ", то для вас працює наша Фабрика дизайнів. Зверніться до нас та отримайте стильну email розсилку.
Можна лише якщо використовувати реальний текст у HTML-версіях листів.
При цьому цей факт зовсім не означає, що можна використовувати тільки Arial і Times New Roman. У сьогоднішньому матеріалі ми розглянемо існуючі можливості роботи зі шрифтами в email.
Основи друкарні
Одне з головних завдань при верстці поштових розсилок полягає в тому, щоб переконатися, що поштові клієнти та движки рендерингу не роблять із листами нічого дивного. Коли справа стосується тексту, вирішити більшу частину можливих проблем можна за допомогою додавання пари стилів. Наприклад, при використанні підходу можна застосовувати їх на рівні комірки у таблиці:
До осередків можна застосовувати CSS-стилі, що описують колір тексту (color), шрифт (font-family), його вагу (font-weight) і висоту рядка (line-height).
Якщо оголосити ці стилі, то текст адекватно рендеруватиметься навіть у «ворожих» поштових клієнтах. Якщо зберігати кожну частину контенту у своєму осередку, ці компоненти можна стилізувати без необхідності дбати про проблеми успадкування. Якщо, наприклад, потрібно попрацювати з конкретною ділянкою тексту у великому блоці, то цей потрібний текст можна загорнути та використовувати інлайн-стилі:
У прикладах вище ми використовували Arial (так-так), але нічого не заважає піти далі. Погляньмо, як це можна зробити.
Використання веб-шрифтів
Даний метод добре дизайнер Пол Ейрі (Paulr Airy). Його суть полягає у використанні веб-шрифтів, які не встановлені на пристрої користувача. Робиться це за допомогою їх включення до CSS. В Інтернеті цей метод давно і успішно застосовується, але серед email-дизайнерів тільки набирає популярності.Існує кілька способів увімкнення веб-шрифтів, але Пол рекомендує використовувати зовнішній файл зі стилями, який використовується для «витягування» шрифтів із сайтів на кшталт Google Web Fonts.
Потім в інлайн-стилях можна додати потрібний шрифт до декларації font-family:
Тепер у поштових клієнтах, які підтримують веб-шрифти, текст буде відображатися за допомогою обраного шрифту. В іншому випадку, будуть використовуватись перелічені альтернативні шрифти - у нас це Helvetica, Arial або встановлений шрифт без засічок.
| Підтримка веб-шрифтів у поштових клієнтах через посилання на зовнішній файл стилів |
|
| Apple Mail 6 |
|
| Lotus Notes 8 |
|
| Outlook 2000 |
|
| Outlook 2011 on Mac |
|
| Thunderbird |
|
| iPad |
|
| iPhone |
|
| Android 2.3 |
|
| Android 4.2 |
|
На жаль, Outlook не стане відображати наші альтернативні шрифти (хто б сумнівався, звісно). Замість цього, він проігнорує всі стилі, що відносяться до них, і відобразить текст за допомогою Times New Roman. Але і з цим можна впоратися за допомогою спеціального CSS-класу - він виділятиме потрібний текст через умовні коментарі передавати Outlook інформацію про набор шрифтів, що використовується.
Тепер замість Times New Roman за замовчуванням листи відображатимуться за допомогою Arial або іншого встановленого шрифту без засічок.
Багатоколоночний вид без табличних осередків
Підлога також говорить про небажаність використання для розміщення тексту кількох колонок-стовпців. Однак оскільки більшість листів верстають у , в якому завжди є стовпці, то напрошується просте використання сусідніх осередків для відображення тексту. Але що, якщо нам потрібно домогтися «перетікання» тексту з одного стовпця до іншого, замість «хардкодінгу» контенту до конкретних осередків?Тут на допомогу приходить CSS-властивість column-count. Але важливо пам'ятати: з цього моменту ми вступаємо на дикі землі, де рідко можна зустріти додаток, що підтримує column-count.
За допомогою цієї властивості можна задати число стовпців, між якими буде розбиватися текст. Ось як виглядає код:
Тепер незалежно від обсягу тексту, він буде природно розбитий між двома стовпцями. Якщо поштова програма, в якій відкривається лист, не підтримує column-count, повідомлення з'явиться в одноколоночному вигляді.
Як сказано вище, за допомогою якраз все не дуже добре:
Іноді за допомогою різних лайфхаків (наприклад, застосування стилів до тегу параграфа) вдається змусити відображати листи з column-count та деякі інші клієнти. Зокрема, в ході тестів Полу вдалося досягти цього, наприклад, Outlook.com в Firefox.
