Lettertypen in e-mail begrijpen
Je leert het volgende
Leer meer over de mogelijkheden en beperkingen van het gebruik van lettertypen online en hoe je e-mails verstuurt die in lijn zijn met je merk.
Op zoek naar informatie over het gebruik van aangepaste lettertypen? Leer hoe je aangepaste lettertypen kunt gebruiken.
Hoe lettertypen werken
Lettertypen zijn representaties van tekst en kunnen worden gebruikt in gedrukte of online media. Je bent misschien bekend met een aantal veelgebruikte lettertypes, zoals Arial of Times New Roman, maar er zijn duizenden andere lettertypes die je kunt gebruiken om je merk te communiceren en te vertegenwoordigen.
Met online media (zoals websites of e-mail) zijn je lettertypes bijna onbeperkt beschikbaar. Maar als je je creatie met iemand anders deelt, ziet het er misschien niet precies hetzelfde uit, omdat niet alle apparaten toegang hebben tot dezelfde lettertypen.
Er zijn twee belangrijke manieren waarop een apparaat een lettertype kan openen en gebruiken: systeemlettertypes (d.w.z. lettertypes die zaak zijn van het apparaat dat je gebruikt) en weblettertypes (d.w.z. lettertypes die van een externe server worden geladen).
Over systeemlettertypenOver systeemlettertypen
Computers en telefoons zijn voorgeladen met verschillende lettertypes. Er zijn een aantal algemeen geïnstalleerde lettertypes (de meeste apparaten worden bijvoorbeeld geleverd met Georgia en Verdana), maar apparaten kunnen sterk verschillen in wat ze standaard hebben. Lettertypen die door de meeste apparaten worden gebruikt, worden "web-safe" lettertypen genoemd.
Over webfontsOver webfonts
Anders dan bij webveilige lettertypen, worden weblettertypen geladen van een externe server op hetzelfde moment als de inhoud die je bekijkt. Aangepaste lettertypen zijn meestal weblettertypen. Als je een webfont gebruikt, wil je ook een webveilig fallback-lettertype instellen, voor het geval een bepaald apparaat je webfont niet kan laden.
Over fallback lettertypenOver fallback lettertypen
Wanneer je iets online bekijkt, of het nu een webpagina of een e-mail is, is er CSS (code die wordt gebruikt om online inhoud te stylen) achter de schermen die je apparaat vertelt welk lettertype moet worden weergegeven. Als je apparaat geen toegang heeft tot het lettertype, zal het CSS controleren op een "fallback lettertype" (een lettertype, of lettertypen, geselecteerd door degene die de website of e-mail heeft gemaakt, om te gebruiken als het voorkeurslettertype niet beschikbaar was). Fallback lettertypen moeten webveilige lettertypen zijn die de meeste apparaten kunnen gebruiken. Ze geven je meer controle over hoe je bericht wordt weergegeven als iemand het bekijkt op een apparaat dat geen support aangepaste/weblettertypen gebruikt.
Als er geen fallback lettertype beschikbaar is, of als het fallback lettertype niet wordt ondersteund door het apparaat dat wordt gebruikt, dan zal het apparaat een standaard lettertype gebruiken, zoals Arial of Times New Roman. Standaardlettertypen verschillen sterk per apparaat en app.
Hoe lettertypen werken in e-mailHoe lettertypen werken in e-mail
Sommige e-mailclients support webfonts, maar andere niet. Als iemand je e-mail opent in een inbox of op een apparaat dat geen support webfonts gebruikt, dan zien ze in plaats daarvan een standaard lettertype. Je kunt bepalen welke systeemlettertypen worden gebruikt als back-ups door een fallback lettertype in te stellen.
Als iemand je e-mail opent op een apparaat dat webfonts ondersteunt, wordt het lettertype geladen vanaf de URL in de CSS van je e-mail. Als het apparaat toegang heeft tot het lettertype, zal het het weergeven; anders gaat het verder met de fallback lettertypen.
De volgende e-mailclients support web (custom) fonts:
- Apple Mail
- iOS Mail (de standaard e-mailbrowser op iOS)
- Google Android (behalve Android 2.3, die niet support de
@importmethode gebruikt door Google en Adobe fonts) - Samsung Mail (Android 8.0)
- Outlook voor Mac
Merk op dat Gmail, een van de grootste e-mailclients, over het algemeen geen support webfonts gebruikt. Er is echter één uitzondering: Gmail doet support Roboto.
Lettertypen in je e-mail optimaliserenLettertypen in je e-mail optimaliseren
De beste manier om ervoor te zorgen dat je e-mail er consistent uitziet op verschillende apparaten is het gebruik van een web-safe lettertype. De standaard lettertypen van Klaviyo zijn over het algemeen webveilig. Zoek de lettertypen die Klaviyo biedt in:
- Inhoud > Afbeeldingen & Merk > Merkassets
- Het tabblad Stijlen van je e-mail
- De sectie Styles van elk e-mailblok dat tekst bevat
- Het tabblad Stijlen van de editor voor het aanmeldingsformulier
Drie van de lettertypes die Klaviyo levert worden niet ondersteund door sommige apparaten: Century Gothic, Tahoma en Apple Black. Deze lettertypes zijn niet vooraf geïnstalleerd op iOS-apparaten (bijvoorbeeld iPhones), dus als je deze lettertypes gebruikt, kunnen ze als standaardlettertype van de inbox verschijnen als je ze bekijkt op een iOS-apparaat.
Tips voor het gebruik van aangepaste lettertypen
Als je liever een aangepast lettertype gebruikt, gebruik dan de onderstaande tips om ervoor te zorgen dat je e-mail er op alle apparaten goed uitziet.
Gebruik fallback lettertypen
Kies een webveilig fallback lettertype dat zo goed mogelijk overeenkomt met je aangepaste lettertype. Je kunt een fallback lettertype selecteren uit de standaard lettertypen van Klaviyo bij het configureren van het aangepaste lettertype.
Tekst in afbeeldingen gebruiken
Hoewel een e-mail met alleen afbeeldingen je bezorgbaarheid kan schaden, kun je strategisch gebruik maken van een combinatie van tekst in afbeeldingen en tekst in tekstblokken om een e-mail te maken die aansluit bij je merk. Kies een aangepast, merklettertype voor je koppen en call-to-action (CTA's) en koppel dit aan een webveilig lettertype voor je hoofdtekst.
Gebruik afbeeldingen met het lettertype van je merk voor selectietekst en zorg ervoor dat je alt-tekst toevoegt wanneer je de afbeeldingen toevoegt aan je e-mail. Pas vervolgens het webveilige lettertype toe op de rest van de tekst in je e-mail. Het resultaat is een branded e-mail die bij je site past en tegelijkertijd toegankelijk is voor de inbox van je abonnee.
Grondig testen
Welke methode je ook kiest, test je e-mail grondig, vooral als je een nieuw ontwerp gebruikt. Stuur de e-mail naar jezelf op meerdere apparaten om er zeker van te zijn dat je tevreden bent met hoe de e-mail er op elk apparaat uitziet. Je kunt ook gebruikmaken van e-mailtestprogramma's zoals Litmus of Email on Acid om te testen met een breder scala aan apparaten.
Extra hulpbronnen