Turvalised e-kirjad ja HTML-meilifondide head tavad
Olete kõik kuulnud minu kaebusi e-posti tugiteenuste puudumise kohta aastate jooksul, nii et ma ei kuluta (liiga palju) aega selle üle virisemisele. Soovin vaid, et üks suur meiliklient (rakendus või brauser) murraks pakist välja ja prooviks täielikult toetada rakenduse uusimaid versioone. HTML ja CSS. Ma ei kahtle, et ettevõtted kulutavad kümneid miljoneid dollareid oma e-kirjade viimistlemiseks.
Sellepärast on fantastiline, et ettevõtted nagu Uplers on kursis meilikujunduse kõigi aspektidega. Selles uusimas infograafikas juhendab meeskond teid tüpograafiast ja sellest, kuidas saab oma e-kirjade kohandamiseks kasutada erinevaid fonte ja nende omadusi.
Kohandatud fontide kasutamine meilis
Väliste fontide kasutamine võib meiliklientide erineva toe tõttu olla pisut keerulisem kui tavalise veebikujunduse puhul. Siiski on endiselt võimalik lisada oma meilidesse väliseid fonte nende klientide jaoks, kes neid toetavad, samas kui pakkuda varufonte neile, kes seda ei toeta.
60% meiliklientidest toetavad nüüd kohandatud fonte, mida kasutatakse teie meilikujunduses, sealhulgas AOL Mail, Native Android Mail App (mitte Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com ja Safari-põhine meil.
Ülemised
A varukoopia font on varufont, mida e-posti klient saab kuvada juhuks, kui see ei suuda esmast (välist) fonti renderdada. See tagab, et teie e-kiri jääb loetavaks ja säilitab oma kavandatud välimuse erinevates vaatamiskeskkondades võimalikult täpselt.
- Valige oma väline font: valige väline font, mida soovite kasutada. See võib pärineda teenusest nagu Google Fonts või teie veebiserveris hostitud font.
- Kaasake font oma meili HTML-i: seda toetavate meiliklientide puhul lingite välise fondi juurde
<head>oma meili HTML-ist. Paljud meilikliendid ei luba aga turvakaalutlustel linkida välistele ressurssidele. Selle asemel võite lisada fondi lingina, lootes, et väliseid linke lubavad veebimeili kliendid selle renderdavad. - Määrake varufondid: valige veebikindlad varufondid, mis on välimuselt sarnased teie välise fondiga. Need peaksid olema üldised fondipered, mis on enamikus seadmetes ja operatsioonisüsteemides eelinstallitud.
- Kasutage stiilimääratluste jaoks tekstisisest CSS-i: Paljude meiliklientide piiratud CSS-i toe tõttu on stiilide, sealhulgas fondiperekondade määratlemiseks parim tava kasutada sisemist CSS-i.
Näide:
Oletame, et soovite kasutada välist fonti Avatud Sans Google Fontsist, varuvariantidena Arial ja sans-serif. Siin on, kuidas saate seda proovida:
<!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>Olulised kaalutlused:
- Meilikliendi tugi: Paljud meilikliendid, eriti töölauakliendid, nagu Microsoft Outlook, ei toeta väliseid fonte. Veebipõhistel klientidel, nagu Gmail, on parem tugi, kuid piirangud on endiselt olemas.
- Varufondid: need on üliolulised tagamaks, et teie e-post on kõigi klientide jaoks funktsionaalne ja esteetiliselt meeldiv. Jada jaotises
font-familystiil ulatub eelistatuimast kirjatüübist kõige väiksemani, lõpetades üldise perekonnaga (sans-seriforserif). - Testimine: testige alati oma HTML-i e-kirju erinevates meiliklientides, et näha, kuidas need renderdatakse. Sellised tööriistad nagu Litmus või Email on Acid võivad selles aidata.
Müügi- ja turundusmeilide puhul võib visuaalne atraktiivsus sõnumi tõhusust märkimisväärselt mõjutada. Kuigi ainulaadse välise fondi kasutamine võib aidata teie meilidel silma paista, on oluline tagada, et teie varufondid säilitaksid professionaalsed ja loetavad omadused, mis on vajalikud teie sõnumi tõhusaks vastuvõtmiseks.
Meilis kasutatakse 4 fonditüüpi
- Serif – Serif-fondidel on joonte otstes õitsengu, punktide ja kujunditega märgid. Neil on formaalne välimus, hästi paigutatud tähemärgid ja reavahe, mis parandab oluliselt loetavust. Kõige populaarsemad fondid selles kategoorias on Times, Georgia ja MS Serif.
- Ilma Serifita – Sans serif-fondid on nagu mässumeelsed, kes soovivad jätta endast mulje ja kellel pole küljes mingeid uhkeid kaunistusi. Neil on poolformaalne välimus, mis tõstab välimuse asemel praktilisust. Kõige populaarsemad fondid selles kategoorias on Arial, Tahoma, Trebuchet MS, Open Sans, Roboto ja Verdana.
- Monogramm - Kirjutusmasinafondist inspireeritud fontidel on märkide lõpus plokk või "tahvel". Kuigi HTML-meilis kasutatakse neid harva, kasutab enamik MultiMIME-meilides olevaid lihtteksti e-kirju neid fonte. E-kirjade lugemine nende fontidega loob valitsuse dokumentidega seotud haldustunde. Courier on selles kategoorias kõige sagedamini kasutatav font.
- Kalligraafia – Imiteerides mineviku käsitsi kirjutatud tähti, eristab neid fonte voolav liikumine, mida iga tegelane järgib. Neid fonte on käegakatsutavas meediumis päris lõbus lugeda, kuid digiekraanilt lugemine võib olla üsna tülikas ja silmi kurnav. Niisiis kasutatakse selliseid fonte enamasti pealkirjades või logodes staatiliste piltidena.
Meilikindlad fondid on Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet ja Verdana. Kohandatud fondid hõlmavad üsna palju perekondi ja klientide jaoks, kes neid ei toeta, on vaja kodeerida varufondidega. Sel viisil, kui klient ei saa kohandatud fonti toetada, naaseb see fondi juurde, mida ta suudab toetada.
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;Põhjalikuma ülevaate saamiseks lugege kindlasti Omnisendi oma Artikkel:
E-posti turvalised fondid vs kohandatud fondid: mida peate nende kohta teadma
Kui soovite infograafikaga suhelda, klõpsake kindlasti läbi.
seotud Martech Zone sisu
