• Trust
  • Anfrage einreichen

    • Need assistance with your Emarsys product?
    We'll get you the help you need!

     

    Emarsys client

     

    Emarsys client
    SAP for Me Login

    You can contact our support team via the SAP for Me.

    The Emarsys component: CEC-EMA

    		Login to the Help Portal and Submit your request. 
    1. Emarsys
    2. E-Mail
    3. Email templates

    Fonts:: Schriften hinzufügen - Häufig gestellte Fragen
    Aktualisiert

    Ist es möglich, Schriftdateien in die Medien-Datenbank hochzuladen?

    Ja, Sie können Schriftdateien in die Medien-Datenbank hochladen. Denken Sie daran, wie bei allen anderen Ressourcen zuerst die Geschäftsbedingungen und Urheberrechtsbestimmungen zu prüfen, die für diese gelten.

    Bitte beachten Sie, dass das Hochladen von Inhalten in die Medien-Datenbank auf Ihr eigenes Risiko erfolgt und Sie verifizieren müssen, ob die hochgeladenen Inhalte durch Urheberrechte geschützt sind.

    Ich habe die Schrift wie beschrieben implementiert. Warum wird sie nicht angezeigt?

    Webschriften werden aus verschiedenen Gründen nicht angezeigt:

    1. Der E-Mail-Client, der Webmail-Dienst oder die Anwendung unterstützt die Anzeige von Webschriften nicht.
    2. Die Schrift ist nicht lokal auf dem Gerät installiert oder sie ist unter einem anderen Namen installiert.
      Ein Beispiel: Die Schrift ist als "Web Font" in das CSS eingebettet, lokal aber als "WebFont" installiert.
    3. Die Webschrift kann aufgrund eines CORS-Fehlers - zumeist fehlt der CORS-Header Access-Control-Allow-Origin - nicht angezeigt werden. Diese Einstellung muss auf dem Server geändert werden, auf dem die Schriftdateien gehostet werden.
      Weitere Informationen zu CORS erhalten Sie hier.
    4. Die Schrift wurde mit dem VCE-Textbearbeitungstool geändert. In diesem Fall wird nicht der gesamte Font Stack mit den Fallback-Schriften verwendet, sondern nur die Webschrift. Alle Standardschriften, zum Beispiel Arial, Times New Roman, etc., werden angezeigt.

    Verwenden Sie das VCE-Textbearbeitungstool nicht für das Ändern von Schriften, insbesondere nicht für Webschriften. Wenn Sie das VCE-Textbearbeitungstool zum Einrichten von Schriften verwenden, werden keine Fallback-Schriften definiert, sodass in einigen Fällen eine beliebige Standardschrift angezeigt wird (z.B. Times New Roman oder Arial), wenn die Webschriften nicht angezeigt werden können oder die ausgewählte Schrift nicht verfügbar ist.

    Outlook auf einem Gerät mit Windows-Betriebssystem zeigt die Schrift Calibri (Outlook 365/2019/2016) oder Times New Roman (Outlook 2013/2010/2007) statt der von mir übernommenen Schrift. Gibt es dafür eine Lösung?

    In einigen Fällen, in denen Webschriften verwendet werden, zeigt Outlook eine Standardschrift an. Leider ist die Anzeige von Webschriften nicht aktiviert. Manchmal werden lokal installierte Schriften angezeigt; es ist jedoch möglich, stattdessen die Verwendung bestimmter Fallback-Schriften festzulegen. Diese Fallback-Schriften müssen websicher sein.

    Um dieses Verhalten zu vermeiden, können folgende Code Snippets in den <head>-Teil des Vorlagenrahmens eingefügt werden:

    1. Wenn die Schrift mittels inline-style auf einem HTML Tag definiert ist:

    Code-Beispiel:

    <font style="font-family:'Web Font', Arial, Helvetica, sans-serif;">Text</font>

    Der Code muss im <head>-Teil des Vorlagenrahmens definiert werden:

    <!--[if (gte mso 9)]>  <style type="text/css">  font {font-family:Arial, Helvetica, sans-serif !important;}  </style> <![endif]
    Für Kopieren klicken

    Dies gilt nicht nur für den <font>-Tag, sondern kann auch für andere Tags, zum Beispiel <span> etc., definiert werden.

    1. Wenn die Schrift mittels CSS-Klasse gesetzt wird:

    Code-Beispiel:

    <font class="webfont">Text</font>

    Der Code muss im <head>-Teil des Vorlagenrahmens definiert werden:

    <!--[if (gte mso 9)]>  <style type="text/css">  .webfont {font-family:Arial, Helvetica, sans-serif !important;}  </style>  <![endif]
    Für Kopieren klicken

    Ist es möglich, eine Webschrift nur an einer bestimmten Stelle im Text zu verwenden?

    Ja, das kann mithilfe eines Snippets der Emarsys Scripting Language (ESL) geschehen. Verwenden Sie dafür nicht das VCE-Textbearbeitungstool , weil dabei keine Fallback-Schriften gesetzt werden.

    Bitte beachten Sie, dass der Text, der mittels ESL-Snippet eingefügt wird, im Modus der Kampagnenerstellung nicht sichtbar ist. Der Text und sein Design sind nur sichtbar, wenn Sie die Kampagne mittels Testmail, Kampagnenvorschau, E-Mail-Kampagnenvorschau oder über den Archiv-Link einer E-Mail-Kampagne prüfen.

    Sie können auch die Schrift für Outlook mittels Code Snippet außer Kraft setzen. Die Details finden Sie weiter unten. Sie können entweder das CSS-Tag oder die Klassenauswahl verwenden.

    Um die Webschrift nur auf einen bestimmten Teil des Textes anzuwenden, folgen Sie diesen Schritten:

    1. Markieren Sie den Text, auf den Sie die Webschrift anwenden möchten, und kopieren Sie ihn in die Zwischenablage.
    1. Behalten Sie die Auswahl des Textes bei und klicken Sie das Icon für das Einfügen von Scripting Language Snippets < >.
    1. Erstellen Sie das ESL-Snippet:
    1. Fügen Sie den Text, den Sie gerade in die Zwischenablage kopiert haben, in das Feld snippet name ein.Verwenden Sie nur Kurznamen.
    2. Das Basic Code Snippet, das Sie verwenden, sollte ein einfaches öffnendes und schließendes <font>-Tag mit bestimmten Styles sein:
      <font></font>.
    3. Im ersten Schritt fügen Sie den Text zwischen dem öffnenden und schließenden <font>-Tag ein:
      <font>Lorem ipsum dolor</font> .
    4. Der vollständige Font Stack muss in einem style-attribute hinzugefügt werden:
      <font style="font-family:'Web Font', Arial, Helvetica, sans-serif;">Lorem ipsum dolor</font>
    5. Wenn Sie die Schrift für Outlook mittels CSS-Klasse überschreiben, fügen Sie auch die Klasse im <font>-Tag hinzu:
      <font style="font-family:'Web Font', Arial, Helvetica, sans-serif;" class="webfont">Lorem ipsum dolor</font>
    6. Da das VCE-Textbearbeitungstool nicht für ESL-Snippets verwendet werden kann, fügen Sie alle Styles, die Sie verwenden wollen, zum style-attribute hinzu.
      Zum Beispiel: font-size, color, font-weight (normal/bold), text-decoration (none, underline, line-through), font-style (normal/ italic), letter-spacing, etc.:
      <font style="font-family:'Web Font', Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; text-decoration:underline; font-style:italic;" class="webfont">Lorem ipsum dolor</font>
    7. Wenn Ihre Vorlage responsiven Code enthält, sind möglicherweise Stile und CSS-Klassen verfügbar, um die Größe des Textes für die mobile Version anzupassen. Wenn Sie eine Vorlage verwenden, die ursprünglich von Emarsys erstellt wurde, können Sie sich zunächst die verfügbaren CSS-Klassen in der mobilen Media Query Ihrer Vorlage ansehen:
      Gehen Sie zu Content > Blockbasierte Vorlagen, wählen Sie Ihre E-Mail- Vorlage aus und klicken Sie das Icon für die Bearbeitung (Bleistift).
      Sie können die Klasse zur Größenanpassung des Textes für die mobile Version zum Attribut class in Ihrem ESL-Snippet hinzufügen:
      <font style="font-family:'Web Font', Arial, Helvetica, sans-serif; font-size:16px;
      color:#000000;
      font-weight:bold;
      text-decoration:underline; font-style:italic;"
      class="webfont gf">Lorem ipsum dolor</font>
    1. Fügen Sie das ESL-Snippet im erforderlichen Feld ein und klicken Sie OK.
    1. Das ESL-Snippet wird als blaues Element im Text angezeigt.
      Wie Sie sehen können, wird der Content nicht so angezeigt, wie es im Snippet in der Ansicht für die Kampagnenerstellung definiert ist.
    1. Klicken Sie Speichern, um den Content und die übernommenen Styles zu sehen.

    Sie können die E-Mail-Kampagne mittels Testmail, Kampagnenvorschau oder der Vorschau der E-Mail-Kampagne überprüfen, indem Sie das Icon klicken - oder über den Archiv-Link einer Kampagne.