E-mailtypografie: 8 beste lettertypen voor e-mail (en ideeën voor aangepaste e-maillettertypen)

De meeste bedrijven met een solide klantenbestand hebben op dit moment alles wat e-mailmarketing te bieden heeft volledig omarmd. E-mailnieuwsbrieven, autoresponders, noem maar op. E-mail marketing is een consistente manier om de vinger aan de pols te houden van de behoeften van je klanten en tegelijkertijd de nieuwste producten of diensten te promoten.

Het feit dat je klanten kunt bereiken lang nadat ze je website hebben verlaten, is zo krachtig. Maar niet elke e-mail is goed genoeg. De manier waarop u de inhoud van uw e-mail presenteert, is essentieel om de aandacht te trekken en klanten aan te moedigen uw e-mails te lezen in plaats van ze meteen te verwijderen.

Ontwerp speelt hierbij een cruciale rol. Maar een van de belangrijkste aspecten waar u op moet letten is waarschijnlijk uw lettertype. Email-safe fonts maken het makkelijker voor klanten om te lezen wat je te zeggen hebt, wat betekent dat je meer kans hebt om die conversie te krijgen.

Dat is wat we hier vandaag zullen bespreken.

Wat zijn Email-Safe Fonts?

Het is verleidelijk om fancy fonts te gebruiken voor je emails. U wilt tenslotte een positieve indruk maken. En u wilt dat uw inhoud opvalt. Maar speciale lettertypen worden niet altijd goed weergegeven in alle e-mailclients. Sterker nog, als een lettertype niet wordt ondersteund, kan het zijn dat een e-mailprogramma een reserve-lettertype gebruikt dat in het beste geval de bedoelde toon kan verstoren of in het slechtste geval de leesbaarheid van uw content kan belemmeren.

Daarom is het sterk aan te bevelen om alleen e-mail-veilige lettertypen te gebruiken bij het maken van e-mailmarketingcontent. We zullen zo meteen ingaan op de details. Maar laten we eerst kort bespreken hoe goede lettertypekeuzes een enorme impact kunnen hebben op je conversiepercentage.

Hoe je je e-mails presenteert, kan het verschil maken tussen je publiek dat ze leest… of dat ze direct naar de prullenbak worden gestuurd. 😬 🗑 Meer informatie over e-mailveilige lettertypen en waarom u ze nodig hebt ⬇️Click to Tweet

Hoe goede lettertypen de conversie verhogen

De meeste mensen besteden slechts 11 seconden aan e-mail. Dat betekent dat de lettertypes die je kiest leesbaar en scanbaar moeten zijn. Ze moeten in één oogopslag leesbaar zijn. Vaak betekent dit dat je moet vertrouwen op standaardlettertypes waar iedereen al bekend mee is. Klinkt dat saai? Het alternatief is slechter. In feite doen mensen er twee keer zo lang over om mooie lettertypes te lezen. En als mensen maar 11 seconden aan een e-mail besteden, is dat tijdverspilling.

Script vs. Sans serif leestijd

Het is echter niet alleen het lettertype dat je kiest dat invloed heeft op conversies. Ook de grootte van het lettertype is van belang. Uit onderzoek van Click Laboratory blijkt zelfs dat het iets vergroten van een lettertype een enorme impact kan hebben op je conversie.

Bij het onderzoek werd een blok tekst in het lettertype Arial vergroot van 10pt naar 13pt. Er werd ook meer ruimte tussen de tekstregels toegevoegd. De 13pt versie van het lettertype presteerde zo veel beter omdat de inhoud nu beter leesbaar was voor de ogen.

Deze kleine verandering verminderde de bounce rate met 10% en verhoogde de conversie rate met maar liefst 133%! En dat allemaal door het lettertype twee punten groter te maken!

Er zit ook een psychologie achter je lettertype keuzes. Dit geldt vooral voor logo’s, maar het loont de moeite om deze informatie in gedachten te houden als je ook e-mail fonts selecteert. Bepaalde soorten lettertypen hebben bepaalde “gevoelens” die ermee geassocieerd worden. According to Crazy Egg, the five main font types elicit different emotions or associations:

Serif Fonts

Examples include Times New Roman, Baskerville, and Georgia. Serif fonts exude a sense of respectability, reliability, and tradition. Older brands (or those that want to appear as though they’ve been around for decades) make solid use of these sorts of fonts to instill confidence. The Tiffany & Co logo serves as a solid example.

Tiffany & Co

Vogue, too:

Vogue

Sans Serif Fonts

Examples include Helvetica, Calibri, and Franklin Gothic. Sans serif fonts give off a modern look that’s clean, simple, and straightforward. These fonts give off the impression of reliability and stability. Sans serif fonts are very corporate-looking. Netflix features a sans serif font:

Netflix

Modern Fonts

Examples include Futura and Century Gothic. Modern fonts can appear stylish, chic, or give an overall sense of strength. Hulu’s logo is a popular example of one using a modern font:

Hulu

Script Fonts

Examples include Edwardian Script and Bickham Script. Script fonts will likely not be a wise choice for use in your emails. However, they do make an impact when used in logos and that could work for graphical elements. Coca-Cola is a timeless example of a script font used well:

Coca-Cola

Display Fonts

Examples include Cooper and Valencia. Words and feelings commonly associated with display fonts include a sense of individuality or uniqueness, friendliness, or expressiveness. Voor logo’s (en eventueel kopteksten) kunnen displaylettertypes een echte impact maken en opvallen. Disney heeft een van de bekendste logo’s ter wereld, en het is voorzien van een display lettertype:

Disney

Met deze informatie in gedachten, kunnen we nu verder gaan met hoe je het beste lettertype voor e-mails kunt selecteren.

Email Typografie: How to Choose the Best Fonts

Je kent nu de vijf basistypen lettertypen die er zijn (behalve symbolen, neem ik aan). En je weet dat verschillende lettertypes verschillende emoties opwekken bij je klanten. Maar hoe vertaalt de kennis van het lettertype dat Coca-Cola gebruikt zich in het kiezen van het juiste lettertype voor uw e-mail nieuwsbrieven?

Laten we er eens in duiken.

Het lettertype dat u kiest voor uw bedrijfsmails moet de volgende 4 kwaliteiten bezitten:

Kwaliteit #1: Leesbaarheid

We hebben deze kwaliteit al genoemd, maar we moeten hem herhalen omdat het verreweg de belangrijkste is. Als uw lettertype niet leesbaar is, zal niemand uw e-mails kunnen lezen. En als ze niet gelezen kunnen worden, kun je zeker geen conversies verwachten, toch?

Kwaliteit #2: Duidelijkheid

Schone, heldere lettertypes met precieze lijnen werken het beste in je e-mailteksten. Niets met tierelantijntjes. En zeker niets met superdunne of lichte lijnen. Grotere lettergroottes doen het ook beter. Maak je lettertype een pt of twee groter dan je normaal zou doen, zorg ervoor dat het lettergewicht fatsoenlijk is (maar niet vet), en streef naar een regelafstand van 1.15.

Kwaliteit #3: Psychologisch passend

Zoals hierboven vermeld, hebben bepaalde lettertypes specifieke gevoelens die ermee geassocieerd worden. Zorg ervoor dat de lettertypen die je kiest passen bij de algemene sfeer die je met je content wilt overbrengen en bij het doel van je content. Betrouwbaar overkomen of als een autoriteitsfiguur kan bijvoorbeeld gunstig zijn als je iets probeert te verkopen.

Kwaliteit #4: Merkgeschikt

Ook moet elk lettertype dat je kiest logisch zijn voor gebruik in je branche of niche. Als uw bedrijf een ouderwetse uitstraling heeft, zou het gebruik van een supermodern of displaystijl lettertype niet geschikt zijn. En als u een op technologie gebaseerd bedrijf runt, is een rustiek of formeel lettertype waarschijnlijk ook niet de beste keuze. Het komt allemaal neer op wat goed voelt.

8 Beste lettertypen voor e-mail

We hebben gedefinieerd wat e-mail-veilige lettertypen zijn. We hebben het ook gehad over hoe je je lettertypeselectie kunt beperken. Maar nu is het tijd om in detail te treden over welke lettertypen echt e-mailveilig zijn en hoe je buiten de gebaande paden kunt denken zonder dat dit ten koste gaat van de leesbaarheid of je conversie.

De basislettertypen voor e-mail

Er is een basisset van leesbare (zij het saaie) e-mailveilige lettertypen die de meeste e-mailclients kunnen herkennen. Let’s take a look at each of those now.

Arial

Arial

Arial is a very commonly used typeface. It was originally created in 1982 by Patricia Saunders and Robin Nicholas of Monotype Imaging. Though originally designed for use in an IBM laser printer, it has since become a web content favorite.

Verdana

Verdana

Verdana is a font that was designed with screen displays in mind. It was developed by Matthew Carter and features wide characters and large spacing between each character to improve on-screen legibility. It’s another staple choice supported by most email clients.

Helvetica

Helvetica

And then there’s Helvetica, one of the most popular fonts currently in existence. Het is leesbaar, prettig om naar te kijken en wordt ondersteund door de meeste tekstverwerkingsprogramma’s, e-mailclients en webbrowsers.

Georgia

Georgia

Georgia is een ander veelgebruikt lettertype dat in e-mailclients wordt ondersteund. Het is van nature leesbaar, heeft letters met een grote spatiëring en maakt gebruik van letterontwerpen die elke letter apart maken om verwarring te voorkomen. Er is ook een goede variatie tussen normale en vette gewichten, waardoor het nuttig is voor extra nadruk.

Tahoma

Tahoma

Tahoma is een andere optie die door de meeste e-mailclients wordt ondersteund. Het is een van de populairste schreefloze lettertypefamilies op Windows-besturingssystemen. Het is ontworpen met het oog op weergave op het scherm, met helderheid en leesbaarheid die zelfs bij kleinere lettergrootten haalbaar zijn. It was originally created by Matthew Carter.

Lucida

Lucida

Or, you could use Lucida, another sans font family that prioritizes clean lines, a clear style, and distinct letterforms. Letter spacing is wider than standard and each character is a bit taller as well, adding more elements of legibility.

Trebuchet

Trebuchet

Trebuchet is another option available that you could easily use in your email designs. It was created by Vincent Connare in 1996 and is a sans serif font. It was designed for screen reading and features larger line-heights, rounded edges, and wider character spacing.

Times New Roman

Times new roman

Lastly, there’s Times New Roman, a font that really doesn’t need much of an introduction. Het heeft een traditionele uitstraling en wordt vaak gebruikt als standaardlettertype in tekstverwerkingsprogramma’s. Het is leesbaar op het scherm en in druk.

Uw e-mail client kan toegang hebben tot andere lettertypen, maar de bovenstaande zijn de meest leesbare en de meest herkende.

Nu abonneren

Aangepaste E-mail Lettertypen

Als de basis lettertype keuzes je niet aanspreken, is er nog een andere optie. Je kunt HTML-lettertypen gebruiken om je e-mail een meer persoonlijke uitstraling te geven. Het is echter belangrijk op te merken dat niet elke e-mailmarketingservice webfonts goed kan of zal weergeven.

Maar laten we eerst even stilstaan bij de werking van webfonts.

Hoe webfonts werken

Webfonts bestaan, zoals hun naam al doet vermoeden, alleen op het web. Ze zijn niet opgenomen in besturingssystemen, apparaten, apps of software. Ze bestaan online en kunnen vervolgens aan je projecten worden toegevoegd via code snippets, plugins en andere middelen. Meestal vind je webfonts terug op websites. Verschillende e-mailclients ondersteunen momenteel het gebruik van weblettertypen, waaronder:

• Android Mail
• Apple Mail
• iOS Mail
• Outlook 2000
• Outlook.com App
• Thunderbird

Weblettertypen worden echter niet door al deze e-mailclients op dezelfde manier ondersteund. Sommige vereisen alleen een link, terwijl andere een codefragment nodig hebben dat het weblettertype importeert. Daarover zo dadelijk meer. Allereerst is het belangrijk om te weten dat zelfs als een e-mail client het webfont van je keuze (of de manier waarop het wordt gebruikt) niet ondersteunt, je content er niet per se slecht uit hoeft te zien.

De meeste e-mail clients hebben een fallback optie. Dat wil zeggen dat als het weblettertype in uw e-mail niet goed wordt geladen, de e-mailclient in plaats daarvan een reserve-lettertype toont. Het is meestal een van de algemene opties die we hierboven hebben genoemd, maar het goede hier is a) je inhoud zal nog steeds leesbaar zijn, b) je inhoud zal er niet half zo slecht uitzien omdat de standaardlettertypen niet voor niets de standaard zijn geworden (ze zijn gewoon gemakkelijk te lezen), en c) je kunt vaak selecteren welk lettertype je wilt gebruiken als fallback.

Om je een idee te geven van wat we bedoelen, het standaardlettertype van Gmail is Arial, terwijl Apple Mail Helvetica gebruikt. Outlook gebruikt Calibri, terwijl iOS San Francisco gebruikt (een lettertype dat Apple speciaal voor zijn apparaten heeft gemaakt en dat sterk is geïnspireerd door Helvetica Neue.

Als u besluit weblettertypen te gebruiken, moet u dit op verschillende platforms testen voordat u van start gaat.

Sommige e-mailmarketingservices bieden al ondersteuning voor weblettertypen. Campaign Monitor, bijvoorbeeld, bevat verschillende webfontopties in zijn drag-and-drop e-mail builder en fallback-opties worden automatisch voor u ingesteld met een minimum aan gedoe.

Campaign Monitor Web Fonts

Als uw e-mailmarketingplatform niet van nature webfontondersteuning biedt, kunt u dit waarschijnlijk toevoegen via code.

Er zijn verschillende codesnippets die u kunt gebruiken voor het insluiten van weblettertypen in HTML-e-mails.

<link>

Het gebruik van <link> om webfonts aan uw e-mails toe te voegen is een populaire keuze. Elk webfont dat je selecteert zal de URL voor je definiëren. Dus, als je het lettertype zelf host, verander het dan in de URL van je lettertype op je site. Als het lettertype wordt gehost bij de web font verkoper, gebruik dan de URL die zij leveren.

Je plaatst de code snippet in de <head> sectie van de code van je e-mail. Het moet helemaal aan het begin staan. Deze methode wordt door de meeste e-mailclients ondersteund en laadt vrij snel. Er kunnen echter problemen optreden als het webfontbestand aan de grote kant is.

Als u uw webfont dus van Google Fonts betrekt, ziet u het volgende nadat u de stijlen van uw font hebt geselecteerd en link hebt gekozen als de embed-methode van uw voorkeur:

Roboto op Google Fonts

@import

Een andere manier om webfonts aan e-mails toe te voegen is het gebruik van @import. Deze is super eenvoudig en werkt ook goed op de meeste e-mailclients. Het enige probleem is met een paar oudere versies van Android.

Net als met de <link> code snippet, voeg je @import in de <head> sectie van je email ook in. Nogmaals, in Google Fonts, dit is wat je ziet na het selecteren van een lettertype, de stijlen, en klik op de bel naast @import:

@import voor het Roboto font

Als u een andere web font service gebruikt, kan het zijn dat u geen embed code zoals deze krijgt, en in plaats daarvan moet u zelf de code uittypen. Gebruik de URL die uw web font service u geeft, of als u ervoor kiest om het font zelf te hosten, gebruik dan de juiste link op uw server.

@font-face

Deze regel maakt het mogelijk om een font van een server te downloaden of te hosten, zodat ze gebruikt kunnen worden op een website, of in dit geval, in uw emails. Het werkt op een vergelijkbare manier als de vorige twee methoden in zoverre dat het lettertypen downloadt op de vlieg, zodat ze kunnen worden gebruikt door uw website of uw e-mailberichten. Net als bij alle andere methoden die hier zijn besproken, plakt u dit stukje code in de <head> sectie van de HTML van uw e-mail.

Dus, volgens Mozilla, als u het lettertype Open Sans aan uw e-mails wilt toevoegen, gebruikt u het volgende codefragment:

@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),url("/fonts/OpenSans-Regular-webfont.woff")format("woff");}

Specificeren van alternatieven voor weblettertypen

Want u wilt altijd dat het weblettertype dat u zorgvuldig hebt geselecteerd werkt, maar dat zal niet altijd het geval zijn. Of het nu door een server fout komt of door systeem compatibiliteit, het is een goed idee om de gekozen fallback optie niet aan het toeval over te laten. Dus, met behulp van @font-face weer, kunt u daadwerkelijk specificeren welke lokale lettertype u wilt worden gebruikt in het geval uw favoriete web lettertype niet kan worden gedownload.

We kunnen dezelfde code snippet waarnaar hierboven wordt verwezen gebruiken en gewoon aanpassen om een fallback font optie op te nemen:

@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),url("/fonts/OpenSans-Regular-webfont.woff")format("woff");local("Helvetica")}

Waar te vinden Web Fonts te gebruiken in uw e-mails

Er zijn verschillende plaatsen online waar u web fonts kunt vinden. Let wel op de licentievoorwaarden die ze hebben. Elke site kan andere specificaties hebben die je moet volgen, dus houd daar rekening mee.

• Google Fonts: Dit is momenteel een van de populairste plaatsen om weblettertypen te vinden en biedt een open-sourcebibliotheek van lettertypen die u overal en altijd kunt gebruiken. Het beschikt momenteel over 1.020 lettertypefamilies.
• Fonts.com: Dit is een andere fantastische bron voor lettertypen van alle soorten, van desktop tot weblettertype. Het is eigenlijk de Monotype winkel en beschikt over meer dan 150.000 lettertypen te bladeren en misschien te kopen.
• Typography.com: Dit is de storefront voor H&Co, een gieterij die 1.500 lettertypen bevat die op het web en voor drukwerk kunnen worden gebruikt.
• Font Squirrel: Als u op zoek bent naar een volledig gratis selectie, Font Squirrel misschien past de rekening. Deze site bevat alleen gratis lettertypen die kunnen worden gebruikt voor commerciële doeleinden.
• Adobe Fonts: Voorheen bekend als Typekit, Adobe Fonts bevat duizenden lettertypen om uit te kiezen, die allemaal beschikbaar zijn met een Creative Cloud-abonnement.
• Fontspring: Hoewel je de weblettertypen op Fontspring moet kopen, zijn ze beschikbaar zonder abonnement en bevatten ze meestal onbeperkte licenties voor extra gemak.
• MyFonts: Dit is een andere onderneming van Monotype, met lijsten voor tonnen lettertypen voor zowel print als web.
• Village: Dit is eigenlijk een collectief van verschillende gieterijen die zich allemaal hebben verenigd om hun lettertypen onafhankelijk te verkopen.
• Process Type Foundry: Dit is een klein bedrijf dat in 2002 werd opgericht door twee letterontwerpers en ze verkopen de lettertypen die ze maken aan het grote publiek.
• FontShop: Ten slotte is er FontShop, een andere Monotype-winkel en plaats om weblettertypen te bekijken en te kopen.

Hoge kwaliteit, leesbare weblettertypen

Als je wat inspiratie nodig hebt, zijn de volgende allemaal voorbeelden van weblettertypen die goed leesbaar zijn en aan je e-mails kunnen worden toegevoegd met behulp van de hierboven beschreven methoden.

Open Sans

Open Sans is een zeer leesbaar schreefloos lettertype dat ideaal is voor lezen op het scherm. Het is ontworpen door Steve Matteson en heeft open vormen. Alle letters zijn goed leesbaar en zien er ook op alle groottes goed uit.

Roboto

Roboto is een ander hoogwaardig webfont dat er op schermen goed uitziet. Het heeft een geometrisch ontwerp met open curven, waardoor een aantrekkelijke tweedeling ontstaat die gewoon werkt. Each letter maintains a natural width, resisting the typical rigidity of grotesk fonts.

Raleway

Or, you could opt for Raleway, another sans serif font that offers thinner lines and a more elegant appeal. The typeface family was originally designed by Matt McInerney, then expanded later by Pablo Impallari and Rodrigo Fuenzalida.

Century Gothic

Century Gothic

Century Gothic is a web font that offers a classic look. And it makes sense that this is the case since it’s actually a modernized version of older fonts from the 1920s and 30s. It has broad support across browsers and is readable on screens.

Proxima Nova

Proxima Nova

Proxima Nova is another web font option that is actually a re-envisioned version of the Proxima Sans font, which was first created in 1994. The font is slightly geometric but natural as well and would make for an excellent selection for your email copy.

Quasimoda

Quasimoda

Quasimoda is a stylish web font that’s easy on the eyes and universal in its appeal. It was created by Lettersoup, a type foundry based in Berlin, Germany that was started by Botio Nikoltchev in 2014.

PT Sans Pro

PT Sans Pro

PT Sans Pro might be just what you’re looking for in a web font. It offers rounded letterforms and a natural look. It was designed by Paratype, a digital font company that got its start in the 1980s.

Brandon Grotesque

Brandon Grotesque

The Brandon Grotesque web font was created by HVD Fonts. HVD werd opgericht door Hannes von Döhren en het bedrijf richt zich op het creëren van goed leesbare, professionele, maar stijlvolle lettertypen die werken voor een willekeurig aantal toepassingen.

Sofia Pro

Sofia Pro

Sofia Pro is een schreefloos lettertype dat in 2008 werd ontworpen door Mostardesign. Het behoudt een gevoel van moderniteit terwijl het ook afgeronde vormen bevat. Het vormt een solide evenwicht tussen harmonieuze ontwerpen en geometrische ontwerpen.

Museo Sans

Museo Sans

Ten slotte is er Museo Sans, een nieuwere versie van het populaire Museo-lettertype. Het heeft een geometrisch schreefloos ontwerp dat zowel in koppen als in tekst kan worden gebruikt. Het is leesbaar en multifunctioneel, waardoor het een werkpaard is voor e-mails. Het is ontworpen door Exljbris in 2008.

Een opmerking over het gebruik van afbeeldingen in e-mail vs. tekst

Als je een afbeelding insluit, zoals een poster of zelfs een screenshot van tekst geschreven in een mooi lettertype, kan dat een manier zijn om het probleem van e-mail-veilige lettertypen te omzeilen. Dit brengt echter zijn eigen problemen met zich mee, aangezien afbeeldingen in e-mails niet altijd worden weergegeven, of op sommige schermen niet correct worden weergegeven. Ook is er het probleem van de schermlezers, die, tenzij je alt-tekst toevoegt, niet weten wat er in de afbeelding staat.

Wees voorzichtig met het gebruik van afbeeldingen in e-mails en gebruik ze alleen om de inhoud van je bericht te versterken, niet om belangrijke informatie over te brengen. Dus als je een speciale uitverkoop op je website wilt aankondigen, gebruik dan niet alleen een afbeelding van de poster met de productgegevens erop en klaar is Kees.

Je moet op zijn minst de tekst van de afbeelding ook als platte tekst opnemen. Beter nog, vermijd deze redundantie helemaal en gebruik gewoon e-mailveilige tekst en bewaar de afbeeldingen voor incidenteel visueel belang.

De enige op tekst gebaseerde uitzondering die ik kan bedenken waarbij het gebruik van tekst-als-afbeelding gepast zou zijn, is een logo, waarbij de naam van het bedrijf of merk al een gegeven is.

Leuk feitje: de meeste mensen besteden slechts 11 seconden aan het lezen van een e-mail.⏱ Verspil die kostbare tijd niet met moeilijk te lezen lettertypen. 🙅♀️ Bekijk deze gids met e-mailveilige lettertypes en vang meer leads op! Klik om te tweeten

Samenvatting

Niet elk lettertype is goed genoeg bij het verzenden van e-mailberichten aan prospects en klanten. Sterker nog, als u geen goed lettertype kiest, kan dat uw conversie aanzienlijk schaden. De lettertypen die u kiest, moeten veilig zijn voor e-mail, een goede indruk maken en uitstekend leesbaar zijn.

In dit artikel hebben we de belangrijkste soorten lettertypen besproken en de psychologische impact die ze kunnen hebben. We hebben voorbeelden gegeven van lettertypen die door de meeste e-mailclients worden ondersteund. Ook hebben we het gehad over webfonts, hoe je die aan je site kunt toevoegen, en hebben we bronnen en voorbeelden gegeven van webfonts die je kunt gebruiken om aan de slag te gaan.

Hopelijk heb je nu een beter idee over de impact van e-mailveilige fonts. En met deze gids in de hand, kunt u weloverwogen keuzes maken bij uw volgende e-mailcampagne.