Cele mai bune practici pentru fonturi sigure pentru e-mail și HTML pentru e-mail
Ați auzit cu toții plângerile mele cu privire la lipsa progreselor în asistența prin e-mail de-a lungul anilor, așa că nu voi petrece (prea mult) timp plângând despre asta. Îmi doresc doar ca un client de e-mail mare (aplicație sau browser) să iasă din pachet și să încerce să accepte pe deplin cele mai recente versiuni de HTML și CSS. Nu mă îndoiesc că zeci de milioane de dolari sunt cheltuiți de companii pentru a-și ajusta e-mailurile.
De aceea, este fantastic să ai companii precum Uplers care stau la curent cu fiecare aspect al designului de e-mail. În acest ultim infografic, echipa vă prezintă tipografie și modul în care diferite fonturi și caracteristicile acestora pot fi implementate pentru a vă personaliza e-mailurile.
Utilizarea fonturilor personalizate în e-mail
Utilizarea fonturilor externe poate fi puțin mai dificilă decât în designul web standard, datorită suportului variat între clienții de e-mail. Cu toate acestea, este încă posibil să încorporați fonturi externe în e-mailurile dvs. pentru acei clienți care le acceptă, oferind în același timp fonturi de rezervă pentru cei care nu le acceptă.
60% dintre clienții de e-mail acceptă acum fonturi personalizate utilizate în design-urile dvs. de e-mail, inclusiv AOL Mail, aplicația Native Android Mail (nu Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com și e-mailul bazat pe Safari.
Uplers
A da înapoi fontul este un font de rezervă pe care clientul de e-mail îl poate afișa în cazul în care nu poate reda fontul principal (extern). Acest lucru vă asigură că e-mailul dvs. rămâne lizibil și își menține aspectul dorit cât mai aproape posibil în diferite medii de vizualizare.
- Alegeți fontul dvs. extern: Selectați un font extern pe care doriți să îl utilizați. Acesta ar putea fi de la un serviciu precum Google Fonts sau un font găzduit pe serverul dvs. web.
- Includeți fontul în HTML-ul dvs. de e-mail: Pentru clienții de e-mail care îl acceptă, veți crea un link către fontul extern din
<head>HTML-ul dvs. de e-mail. Cu toate acestea, mulți clienți de e-mail nu permit conectarea la resurse externe din motive de securitate. În schimb, puteți include fontul ca link în speranța că clienții de webmail care permit linkuri externe îl vor reda. - Specificați fonturi de rezervă: alegeți fonturi alternative sigure pentru web, care sunt similare ca aspect cu fontul dvs. extern. Acestea ar trebui să fie familii de fonturi generice preinstalate pe majoritatea dispozitivelor și sistemelor de operare.
- Utilizați CSS inline pentru definiții de stil: Datorită suportului limitat CSS din mulți clienți de e-mail, este cea mai bună practică să utilizați CSS inline pentru a vă defini stilurile, inclusiv familiile de fonturi.
Exemplu:
Să presupunem că doriți să utilizați fontul extern Sans deschise din Google Fonts, cu Arial și sans-serif ca alternative. Iată cum ați putea încerca:
<!DOCTYPE html>
<html>
<head>
<title>Email with External Font</title>
<!-- Attempt to include external font - not supported by all email clients -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<div style="font-family: 'Open Sans', Arial, sans-serif; font-size: 16px;">
Hello, this is a sample text using Open Sans, with Arial and sans-serif as fallbacks.
</div>
</body>
</html>Considerații importante:
- Asistență pentru clienți prin e-mail: Mulți clienți de e-mail, în special cei desktop precum Microsoft Outlook, nu acceptă fonturi externe. Clienții bazați pe web, cum ar fi Gmail, au un suport mai bun, dar există încă limitări.
- Fonturi de rezervă: Acestea sunt esențiale pentru a vă asigura că e-mailul dvs. rămâne funcțional și plăcut din punct de vedere estetic pentru toți clienții. Secvența din
font-familystilul merge de la fontul cel mai preferat la cel mai puțin, se termină cu o familie generică (sans-seriforserif). - Testarea: testați-vă întotdeauna e-mailurile HTML pe diverși clienți de e-mail pentru a vedea cum se redă. Instrumente precum Litmus sau Email on Acid pot ajuta în acest sens.
Pentru e-mailurile de vânzări și marketing, atracția vizuală poate avea un impact semnificativ asupra eficienței mesajului. În timp ce folosirea unui font extern unic vă poate ajuta e-mailurile să iasă în evidență, este esențial să vă asigurați că fonturile de rezervă păstrează calitățile profesionale și lizibile necesare pentru ca mesajul dvs. să fie recepționat eficient.
Există 4 tipuri de fonturi utilizate în e-mail
- Serif – Fonturile Serif au caractere cu înflorire, puncte și forme la capetele liniilor lor. Au un aspect formal, caractere bine spațiate și spațiere între rânduri, îmbunătățind foarte mult lizibilitatea. Cele mai populare fonturi din această categorie sunt Times, Georgia și MS Serif.
- Fără Serif – Fonturile sans serif sunt ca cei rebeli care doresc să-și creeze o impresie proprie și nu au atașate niciun fel de ornamente fanteziste. Au un aspect semi-formal, care promovează caracterul practic asupra aspectului. Cele mai populare fonturi din această categorie sunt Arial, Tahoma, Trebuchet MS, Open Sans, Roboto și Verdana.
- Monogramă - Inspirate de fontul mașinii de scris, aceste fonturi au un bloc sau „placă” la sfârșitul caracterelor. Deși sunt rareori folosite într-un e-mail HTML, majoritatea e-mailurilor cu text simplu „de rezervă” din e-mailurile MultiMIME folosesc aceste fonturi. Citirea unui e-mail folosind aceste fonturi dă un sentiment administrativ asociat cu documentele guvernamentale. Courier este fontul cel mai des folosit în această categorie.
- Caligrafie – Imitând literele scrise de mână din trecut, ceea ce diferențiază aceste fonturi este mișcarea fluidă pe care o urmează fiecare personaj. Aceste fonturi sunt destul de distractive de citit într-un mediu tangibil, dar citirea lor pe un ecran digital poate fi destul de greoaie și obositoare. Așadar, astfel de fonturi sunt folosite mai ales în titluri sau logo-uri ca imagini statice.
Fonturile sigure pentru e-mail includ Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet și Verdana. Fonturile personalizate includ destul de multe familii, iar pentru clienții care nu le acceptă, este necesară codificarea în fonturi de rezervă. În acest fel, dacă clientul nu poate suporta fontul personalizat, acesta va reveni la un font pe care îl poate suporta.
Arial
font-family: Arial, sans-serif;Georgia
font-family: Georgia, serif;Helvetica
font-family: Helvetica, sans-serif;Lucida
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; Tahoma
font-family: Tahoma, Geneva, sans-serif;Times
font-family: 'Times New Roman', Times, serif;trebuchet
font-family: 'Trebuchet MS', sans-serif;Verdana
font-family: Verdana, Geneva, sans-serif;Pentru o privire mai aprofundată, nu uitați să citiți Al lui Omnisend articol:
E-mail Fonturi sigure vs. Fonturi personalizate: Ce trebuie să știți despre ele
Asigurați-vă că dați clic dacă doriți să interacționați cu infograficul.
Legate de Martech Zone Conţinut
