Benutzerhandbuch Abbrechen

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

  1. Adobe Fonts-Benutzerhandbuch
  2. Einführung
    1. System- und Abonnementanforderungen
    2. Browser- und Betriebssystemunterstützung
    3. Hinzufügen von Schriften auf dem Computer
    4. Hinzufügen von Schriften zu einer Website
    5. Hinzufügen von Schriften zu CC Mobile
  3. Schriftenlizenzierung
    1. Schriftenlizenzierung
    2. Verwalten Ihres Kontos
    3. Lizenzierung für Kunden von Creative Cloud für Unternehmen
    4. Hinzufügen von Schriftenlizenzen zu Ihrem Konto
    5. Entfernen von Schriften aus der Abonnementbibliothek
    6. Adobe Fonts ist für in China registrierte Adobe IDs nicht verfügbar
    7. Warum sind diese Schriften nicht in meinem Creative Cloud-Abonnement enthalten?
    8. Entfernen von Morisawa-Schriften ab September 2021
  4. Abrufen und Verwenden von Schriften
    1. Verwenden von Adobe Fonts in Creative Cloud-Anwendungen
    2. Verwalten Ihrer Schriften
    3. Fehlende Schriften in Desktop-Anwendungen auflösen
    4. Verwenden von Schriften in InDesign
    5. Schriften und Typografie
    6. Verwenden von Webschriften in HTML5 Canvas-Dokumenten
    7. Verwenden von Schriften in InCopy
    8. Verwenden von Schriften in Adobe Muse
    9. Verwenden von Webschriften in Muse
    10. Verpacken von Schriftendateien
    11. Leitfaden zur Fehlerbehebung: Hinzufügen von Schriften
    12. Hinzugefügte Schriften werden im Schriftmenü nicht angezeigt
    13. „Eine oder mehrere Schriften können nicht hinzugefügt werden“ oder „Eine Schrift mit diesem Namen ist bereits installiert“
    14. Was geschieht, wenn eine von mir verwendete Schrift vom Schriftenhersteller aktualisiert wird?
  5. Web-Design und Entwicklung
    1. Hinzufügen von Schriften zu einer Website
    2. Fehlerbehebungshandbuch: Hinzufügen von Schriften zu einer Website
    3. Verwenden von Webschriften in HTML-E-Mails oder -Newslettern
    4. Verwenden von Webschriften mit Accelerated Mobile Pages (AMP)
    5. CSS-Selektoren
    6. Anpassen der Verarbeitung von Webschriften mit Einstellungen für „font-display“
    7. Einbettungscodes
    8. Dynamisches teilweises Laden und Bereitstellen von Webschriften
    9. Schriftereignisse
    10. Warum stammen meine Webschriften von use.typekit.net?
    11. Website kann keine Verbindung mit use.typekit.net herstellen
    12. Verwenden von Webschriften mit CodePen
    13. Browser- und Betriebssystemunterstützung
    14. Domänen
    15. Verwenden von Webschriften bei lokaler Entwicklung
    16. Content-Sicherheitsrichtlinie
    17. Drucken von Webschriften
  6. Sprachunterstützung und OpenType-Merkmale
    1. Sprachunterstützung und teilweises Laden von Sprachen
    2. Verwenden von OpenType-Merkmalen
    3. Syntax für OpenType-Merkmale in CSS
  7. Schrifttechnologie
    1. OpenType-SVG-Farbschriften
    2. Ten Mincho: Wichtige Informationen zur Aktualisierung von Version 1.000

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

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?