Verwenden von Webschriften in HTML-E-Mails oder -Newslettern

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

Hinweis:

JavaScript wird außerdem für dynamische Untergruppen von Adobe beim Laden von Schriften verwendet. Dies wird zur Bereitstellung ostasiatischer Webschriften 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 Webschriften-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 Webprojekten. 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 Webprojekt aufgeführt. Lesen Sie mehr über die Verwendung von Schriften in CSS.

Hinweis:

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 Webschriften

Einige E-Mail-Clients unterstützen keine HTML-E-Mails bzw. keine Webschriften 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 Webschriften.

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.

Adobe-Logo

Bei Ihrem Konto anmelden