E-postmarkedsføring og automatiseringMarkedsføringsinfografikk

Gode ​​fremgangsmåter for e-postsikre skrifter og HTML-e-postfonter

Dere har alle hørt klagene mine på mangelen på fremskritt innen e-poststøtte gjennom årene, så jeg vil ikke bruke (for mye) tid på å sutre om det. Jeg skulle bare ønske at en stor e-postklient (app eller nettleser) ville bryte ut av pakken og prøve å fullt ut støtte de nyeste versjonene av HTML og CSS. Jeg er ikke i tvil om at flere titalls millioner dollar blir brukt av selskaper for å finjustere e-postene deres.

Det er derfor det er fantastisk å ha selskaper som Uplers som holder seg på toppen av alle aspekter av e-postdesign. I denne siste infografikken leder teamet deg gjennom typografi og hvordan forskjellige fonter og deres egenskaper kan distribueres for å tilpasse e-postene dine.

Bruk av egendefinerte skrifter i e-post

Å bruke eksterne fonter kan være litt mer utfordrende enn i standard webdesign på grunn av den varierende støtten på tvers av e-postklienter. Det er imidlertid fortsatt mulig å inkorporere eksterne fonter i e-postene dine for de klientene som støtter dem, mens du gir reservefonter for de som ikke gjør det.

60 % av e-postklientene støtter nå tilpassede fonter som brukes i e-postdesignene dine, inkludert AOL Mail, Native Android Mail App (ikke Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com og Safari-basert e-post.

Uplers

A reserve font er en reservefont som e-postklienten kan vise i tilfelle den ikke kan gjengi den primære (eksterne) skriften. Dette sikrer at e-posten din forblir lesbar og opprettholder det tiltenkte utseendet så nært som mulig på tvers av forskjellige visningsmiljøer.

  1. Velg din eksterne skrifttype: Velg en ekstern font du ønsker å bruke. Dette kan være fra en tjeneste som Google Fonts eller en font som ligger på nettserveren din.
  2. Inkluder skrifttypen i HTML-e-posten din: For e-postklienter som støtter det, vil du koble til den eksterne fonten i <head> av HTML-e-posten din. Mange e-postklienter tillater imidlertid ikke kobling til eksterne ressurser av sikkerhetsgrunner. I stedet kan du inkludere fonten som en lenke i håp om at webmail-klienter som tillater eksterne lenker vil gjengi den.
  3. Spesifiser reservefonter: Velg nettsikre reservefonter som ligner på den eksterne skriften din. Disse bør være generiske skriftfamilier forhåndsinstallert på de fleste enheter og operativsystemer.
  4. Bruk innebygd CSS for stildefinisjoner: På grunn av den begrensede CSS-støtten i mange e-postklienter, er det beste praksis å bruke innebygd CSS for å definere stilene dine, inkludert skriftfamilier.

Eksempel:

Anta at du vil bruke den eksterne fonten Åpne Sans fra Google Fonts, med Arial og sans-serif som reserver. Slik kan du prøve det:

<!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>

Viktige hensyn:

  • E-postklientstøtte: Mange e-postklienter, spesielt skrivebordsklienter som Microsoft Outlook, støtter ikke eksterne fonter. Nettbaserte klienter som Gmail har bedre støtte, men det finnes fortsatt begrensninger.
  • Reservefonter: Disse er avgjørende for å sikre at e-posten din forblir funksjonell og estetisk tiltalende for alle klienter. Sekvensen i font-family stil går fra den mest foretrukne skriften til den minste, og slutter med en generisk familie (sans-serif or serif).
  • Testing: Test alltid HTML-e-postene dine på tvers av ulike e-postklienter for å se hvordan de gjengis. Verktøy som Litmus eller Email on Acid kan hjelpe med dette.

For salgs- og markedsførings-e-poster kan den visuelle appellen ha stor innvirkning på meldingens effektivitet. Selv om bruk av en unik ekstern font kan hjelpe e-postene dine til å skille seg ut, er det viktig å sikre at reservefontene dine opprettholder de profesjonelle og lesbare egenskapene som er nødvendige for at meldingen din skal mottas effektivt.

Det er 4 skrifttyper som brukes i e-post

  • Serif – Serif-fonter har tegn med flor, punkter og former på enden av strekene. De har et formelt utseende, godt fordelte tegn og linjeavstand, noe som forbedrer lesbarheten betydelig. De mest populære skriftene i denne kategorien er Times, Georgia og MS Serif.
  • Uten Serif – Sans serif-fonter er som den opprørske typen som ønsker å skape et eget inntrykk og ikke har noen fancy pynt. De har et semi-formelt utseende, som fremmer praktisk fremfor utseende. De mest populære skriftene i denne kategorien er Arial, Tahoma, Trebuchet MS, Open Sans, Roboto og Verdana.
  • Monogram - Inspirert av skrivemaskinfonten har disse skriftene en blokk eller "plate" på slutten av tegnene. Selv om de sjelden brukes i en HTML-e-post, bruker de fleste "reserve"-e-poster med ren tekst i MultiMIME-e-poster disse fontene. Å lese en e-post med disse skriftene gir en administrativ følelse knyttet til offentlige dokumenter. Courier er den mest brukte fonten i denne kategorien.
  • Kalligrafi – Ved å imitere de håndskrevne bokstavene fra fortiden, er det som skiller disse fontene fra den flytende bevegelsen som hver karakter følger. Disse skriftene er ganske morsomme å lese i et håndgripelig medium, men å lese dem på en digital skjerm kan være ganske tungvint og anstrengende for øynene. Så slike fonter brukes mest i overskrifter eller logoer som statiske bilder.

E-postsikre skrifter inkluderer Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet og Verdana. Egendefinerte skrifter inkluderer ganske mange familier, og for klientene som ikke støtter dem, er det nødvendig å kode i reservefonter. På denne måten, hvis klienten ikke kan støtte den tilpassede skriften, vil den falle tilbake til en skrift som den kan støtte.

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;

Ganger

font-family: 'Times New Roman', Times, serif;

trebuchet

font-family: 'Trebuchet MS', sans-serif;

Verdana

font-family: Verdana, Geneva, sans-serif;

For en mer dyptgående titt, sørg for å lese Omnisend sin artikkel: 

Sikre skrifter via e-post kontra egendefinerte skrifter: Hva du trenger å vite om dem

Typografi i e-postinfografikk
kilde: Uplers

Sørg for å klikke deg gjennom hvis du vil samhandle med infografikken.

Douglas Karr

Douglas Karr er CMO for Åpne INSIGHTS og grunnleggeren av Martech Zone. Douglas har hjulpet dusinvis av vellykkede MarTech-startups, har bistått med due diligence på over 5 milliarder dollar i Martech-oppkjøp og -investeringer, og fortsetter å hjelpe selskaper med å implementere og automatisere salgs- og markedsføringsstrategier. Douglas er en internasjonalt anerkjent digital transformasjons- og MarTech-ekspert og foredragsholder. Douglas er også en publisert forfatter av en Dummies guide og en bok om lederskap for bedrifter.

Relaterte artikler

Tilbake til toppen-knappen
Lukke

Annonseblokkering oppdaget

Martech Zone er i stand til å gi deg dette innholdet uten kostnad fordi vi tjener penger på nettstedet vårt gjennom annonseinntekter, tilknyttede lenker og sponsing. Vi vil sette pris på om du vil fjerne annonseblokkeringen når du ser på nettstedet vårt.