Verwenden von Web-Schriften in HTML-E-Mails oder -Newslettern

Zuletzt aktualisiert am 16. November 2022

Sie können den CSS-Einbettungscode @import nutzen, um benutzerdefinierte Web-Schriften in HTML-E-Mails oder -Newslettern zu verwenden.  

Anmerkung

JavaScript wird außerdem für dynamische Untergruppen von Adobe beim Laden von Schriften verwendet. Dies wird zur Bereitstellung ostasiatischer Web-Schriften benötigt.  Da es keine CSS-Einbettungscode-Option gibt, können diese Webfonts - auch solche mit chinesischer, japanischer und koreanischer Sprachunterstützung - nicht in HTML-E-Mails verwendet werden.

Auswählen zu verwendender Schriften

Befolgen Sie das Web-Schriften-Tutorial, um die zu verwendenden Schriften auszuwählen und Ihr Projekt zu erstellen.

Hinzufügen des Einbettungscodes

Um den Einbettungscode für Ihr Projekt zu finden, besuchen Sie die Seite mit den Web-Projekten. Suchen Sie nach dem Namen des Projekts und klicken Sie dann auf die Option „@import Link“. 

Fügen Sie die <style>-Tags sowie die Namen der Schriftfamilien mit dem @import-Einbettungscode in den <head> der E-Mail ein.

@import-Einbettungscode in einer HTML-E-Mail

Der Name der im CSS zur Gestaltung Ihres Texts zu verwendenden Schriftfamilie ist ebenfalls im Web-Projekt aufgeführt. Lesen Sie mehr über die Verwendung von Schriften in CSS.

Anmerkung

Der @import-Einbettungscode muss sich am Anfang des <style>-Tags befinden. Dasselbe gilt für sämtliche anderen @import-Anweisungen, andernfalls werden die Schriften nicht geladen. Kein anderer Eintrag als ein @charset-Eintrag ist vor den @import-Zeilen zulässig.

E-Mail-Client-Unterstützung für Web-Schriften

Einige E-Mail-Clients unterstützen keine HTML-E-Mails bzw. keine Web-Schriften in E-Mails. Dies wirkt sich darauf aus, was Ihre Empfänger sehen. Stellen Sie sicher, dass Sie die Ausweichschriften in Ihrer E-Mail angeben und Ihre E-Mail vor dem Absenden testen, damit diese in allen Clients gut funktioniert.

Im Folgenden finden Sie eine kurze Liste gängiger E-Mail-Clients sowie Informationen zu ihrer Kompatibilität mit Web-Schriften.

Client

Kompatibel?

AOL Mail

Ja

Android-Mail-App (nativ, nicht GMail)

Ja

Apple Mail

Ja

GMail

Nein

Google Inbox

Nein

iOS Mail

Ja

Outlook 2000

Nein

Outlook 2011 (OS X 10.10+)

Ja

Outlook 2016 (OS X 10.10 und höher sowie Windows 10)

Ja

Löschen eines Projekts oder Kündigen Ihres Abonnements

Wenn Sie das Projekt löschen, das Sie in einer E-Mail-Kampagne verwenden, oder wenn Sie das Abonnement kündigen, unter dem es gehostet wird, sind die Schriften nicht mehr in den gesendeten E-Mails verfügbar. An ihrer Stelle werden die von Ihnen angegebenen Ausweichschriften oder die Standardschriften des E-Mail-Clients verwendet.