Du wirst lernen
Erfahre, welche Möglichkeiten und Grenzen die Verwendung von Schriftarten im Internet hat und wie du E-Mails verschicken kannst, die zu deiner Marke passen.
Wie Schriftarten funktionierenWie Schriftarten funktionieren
Schriftarten sind Darstellungen von Text und können in Print- oder Online-Medien verwendet werden. Sicherlich kennst du einige der gängigsten Schriftarten wie Arial oder Times New Roman, aber es gibt noch Tausende anderer Schriftarten, die du zur Kommunikation und Darstellung deiner Marke verwenden kannst.
Bei Online-Medien (wie Websites oder E-Mails) sind deine Schriftoptionen fast grenzenlos. Wenn du deine Kreation jedoch mit jemandem teilst, sieht sie vielleicht nicht genau gleich aus, weil nicht alle Geräte Zugriff auf die gleichen Schriftarten haben.
Es gibt zwei Hauptwege, wie ein Gerät auf eine Schriftart zugreifen und sie verwenden kann: Systemschriften (d.h. Schriften, die auf dem von dir benutzten Gerät geladen sind) und Webschriften (d.h. Schriften, die von einem externen Server geladen werden)
Über SystemschriftartenÜber Systemschriftarten
Auf Computern und Handys ist eine Vielzahl von Schriftarten vorinstalliert. Es gibt einige häufig installierte Schriftarten (die meisten Geräte werden z. B. mit Georgia und Verdana ausgeliefert), aber es gibt große Unterschiede in der Standardausstattung der Geräte. Schriftarten, die von den meisten Geräten verwendet werden, nennt man "websichere" Schriftarten.
Über Web-SchriftenÜber Web-Schriften
Im Gegensatz zu websicheren Schriften werden Web-Schriften von einem externen Server zur gleichen Zeit geladen wie der Inhalt, den du anschaust. Benutzerdefinierte Schriftarten sind in der Regel Web-Schriftarten. Wenn du eine Webschriftart verwendest, solltest du auch eine websichere Fallback-Schriftart festlegen, für den Fall, dass ein bestimmtes Gerät deine Webschriftart nicht laden kann.
Über Fallback-SchriftenÜber Fallback-Schriften
Wenn du dir etwas online ansiehst, sei es eine Webseite oder eine E-Mail, gibt es hinter den Kulissen CSS (Code zur Gestaltung von Online-Inhalten), der deinem Gerät mitteilt, welche Schriftart angezeigt werden soll. Wenn dein Gerät nicht auf die Schriftart zugreifen kann, sucht es im CSS nach einer "Ausweichschriftart" (eine oder mehrere Schriftarten, die von der Person, die die Website oder E-Mail-Nachricht erstellt hat, ausgewählt wurden und verwendet werden sollen, falls die bevorzugte Schriftart nicht verfügbar ist). Fallback-Schriftarten sollten websichere Schriftarten sein, die von den meisten Geräten verwendet werden können. Sie geben dir mehr Kontrolle darüber, wie deine Nachricht angezeigt wird, wenn jemand sie auf einem Gerät betrachtet, das keine benutzerdefinierten/webbasierten Schriftarten unterstützt.
Wenn keine Ausweichschrift verfügbar ist oder die Ausweichschrift von dem verwendeten Gerät nicht unterstützt wird, verwendet das Gerät eine Standardschrift wie Arial oder Times New Roman. Die Standard-Schriftarten variieren je nach Gerät und App stark.
Wie Schriftarten in E-Mails funktionierenWie Schriftarten in E-Mails funktionieren
Einige E-Mail-Clients unterstützen Webfonts, andere nicht. Wenn jemand deine E-Mail in einem Posteingang oder auf einem Gerät öffnet, das keine Webschriftarten unterstützt, wird stattdessen eine Standardschriftart verwendet. Du kannst steuern, welche Systemschriftarten als Backups verwendet werden, indem du eine Ausweichschriftart festlegst.
Wenn jemand deine E-Mail auf einem Gerät öffnet, das Webfonts unterstützt, wird die Schrift von der URL geladen, die im CSS deiner E-Mail angegeben ist. Wenn das Gerät auf die Schriftart zugreifen kann, zeigt es sie an; andernfalls geht es zu den Ersatzschriftarten über.
Die folgenden E-Mail-Clients unterstützen Web-Schriften (benutzerdefinierte Schriften):
- Apple Mail
- iOS Mail (der Standard-E-Mail-Browser auf iOS)
- Google Android (außer Android 2.3, das die
@import-Methode, die von Google und Adobe Fonts verwendet wird, nicht unterstützt) - Samsung Mail (Android 8.0)
- Outlook für Mac
Beachte, dass Gmail, einer der größten E-Mail-Clients, in der Regel keine Webfonts unterstützt. Es gibt jedoch 1 spezielle Ausnahme: Gmail unterstützt Roboto.
Optimiere deine E-MailOptimiere deine E-Mail
Der beste Weg, um sicherzustellen, dass deine E-Mail auf allen Geräten einheitlich aussieht, ist die Verwendung einer websicheren Schriftart. Die Standardschriftarten von Klaviyo sind generell websicher. Die Schriftarten, die Klaviyo anbietet, findest du in:
- Inhalt > Bilder & Marke > Markenwerte
- Die Registerkarte " Formatvorlagen" in deiner E-Mail
- Der Abschnitt " Formatvorlagen" eines jeden E-Mail-Blocks, der Text enthält
- Die Registerkarte Stile des Anmeldeformular-Editors
Drei der Schriftarten, die Klaviyo anbietet, werden von einigen Geräten nicht unterstützt: Century Gothic, Tahoma und Apple Black. Diese Schriftarten sind auf iOS-Geräten (z. B. iPhones) nicht vorinstalliert. Wenn du also diese Schriftarten verwendest, erscheinen sie möglicherweise als Standardschriftart für den Posteingang, wenn er auf einem iOS-Gerät angezeigt wird.
Tipps zur Verwendung benutzerdefinierter Schriftarten
Wenn du es vorziehst, eine eigene Schriftart zu verwenden, kannst du mit den folgenden Tipps dafür sorgen, dass deine E-Mail auf allen Geräten gut aussieht.
Fallback-Schriften verwenden
Wähle eine websichere Ersatzschriftart, die deiner benutzerdefinierten Schriftart so gut wie möglich entspricht. Bei der Konfiguration der benutzerdefinierten Schriftart kannst du eine Ausweichschrift aus den Standardschriften von Klaviyo auswählen.
Text in Bildern verwenden
Während eine E-Mail, die nur aus Bildern besteht, deiner Zustellbarkeit schaden kann, kannst du strategisch eine Kombination aus Text in Bildern und Text in Textblöcken verwenden, um eine E-Mail zu erstellen, die zu deiner Marke passt. Wähle eine benutzerdefinierte Schriftart für deine Überschriften und CTAs (Call-To-Action) und kombiniere sie mit einer websicheren Schriftart für deinen Fließtext.
Verwende Bilder mit deiner Markenschrift für den Auswahltext und achte darauf, dass du einen Alt-Text hinzufügst, wenn du die Bilder in deine E-Mail einfügst. Dann wende die websichere Schriftart auf den Rest des Textes in deiner E-Mail an. Das Ergebnis ist eine gebrandete E-Mail, die zu deiner Website passt und gleichzeitig für die Posteingänge deiner Abonnenten zugänglich ist.
Gründlich testen
Unabhängig davon, welche Methode du wählst, solltest du deine E-Mail gründlich testen, vor allem wenn du ein neues Design verwendest. Sende die E-Mail an dich selbst auf mehreren Geräten, um sicherzustellen, dass du mit der Darstellung auf jedem Gerät zufrieden bist. Du kannst auch E-Mail-Testprogramme wie Litmus oder E-Mail on Acid verwenden, um mit einer breiteren Palette von Geräten zu testen.
Zusätzliche Ressourcen