15 November 2022

Hinzufügen und Verwenden von benutzerdefinierten Schriftarten mit Stripo

Bereichern Sie Ihre E-Mails mit benutzerdefinierten Schriftarten
Inhaltsverzeichnis
  1. Die von Stripo angebotenen Schriftsätze
  2. So fügen Sie eine benutzerdefinierte Schriftart zu Ihren Projekteinstellungen mit Stripo hinzu:
  3. So fügen Sie benutzerdefinierte Schriftarten, die nicht von Google stammen, zu Ihren Projekteinstellungen mit Stripo hinzu
  4. Verwendung benutzerdefinierter Schriftarten in E-Mails
  5. Denken Sie bei der Auswahl einer neuen Schriftart für E-Mails daran:
  6. Abschließend
1.
Die von Stripo angebotenen Schriftsätze

Am 26. November 2018 haben wir eine neue Option veröffentlicht — mit Stripo können Sie jetzt benutzerdefinierte Schriftarten mit nur wenigen Klicks und ohne HTML-Kenntnisse zu Projekten hinzufügen. Warum ist das wichtig?

Es ist kein Geheimnis, dass ein guter Text das E-Mail-Design ergänzt und die Kunden zum Kauf anregt.

Normalerweise werden benutzerdefinierte Schriftarten verwendet, um den Text markenkonsistent und ansprechend zu gestalten. Indem Sie ihn in eine Schriftart verpacken, die am besten zur Situation und zum E-Mail-Design passt, machen Sie Ihren Text auffällig und gut aussehend. Daher sind websichere Schriftarten oft nicht genug.

Benutzerdefinierte Schriftarten Banner Beispiel _ Stripo

In diesem Fall müssen Sie mit benutzerdefinierten Schriftarten arbeiten.

Sehen Sie sich ein kurzes Video an, in dem erklärt wird, wie Sie mit Stripo benutzerdefinierte Schriftarten hinzufügen können. Bitte beachten Sie, dass diese Funktion nur für kostenpflichtige Tarife verfügbar ist.

Hinzufügen von benutzerdefinierten Schriftarten mit Stripo

Die meisten ESPs und E-Mail-Builder bieten nur websichere Schriftarten an, während Stripo vier Sätze davon anbietet:

Die von Stripo angebotenen Schriftsätze

Stripo bietet vier verschiedene Schriftarten für Ihre E-Mails an:

1. Standard-/Web-sichere Schriftarten

Arial, Comic Sans MS, Courier New, Georgia, Helvetica, Lucida Sans Unicode, Tahoma, Times New Roman, Trebuchet MS und Verdana sind die beliebtesten Schriftarten, da sie auf vielen Websites verwendet und von den meisten E-Mail-Clients korrekt angezeigt werden.

Benutzerdefinierte Schriftarten Arial _ Stripo

2. Nicht-Standard-Schriften

Bei diesen Schriftarten streiten sich die Fachleute immer noch darüber, ob sie websicher sind oder nicht. Aber sie werden im Internet häufig verwendet. Die Schriftart Playfair Display zum Beispiel ist auf fast 1,1 Milliarden Websites zu finden und vor allem in den USA und Westeuropa beliebt.

Benutzerdefinierte Schriftarten Anzeige _ Stripo

Hinweis: Wussten Sie, dass Sie die Anzahl der Standard- und Nicht-Standard-Schriften für Ihre Projekte verringern können, wenn Sie einige zu viele davon finden?

So entfernen Sie überflüssige Schriftarten aus der Liste:

  • Gehen Sie in Ihrem Konto zu den Projekteinstellungen;
  • Suchen Sie die Registerkarte Standard-/Nicht-Standard-Schriftarten;
  • Klicken Sie auf die Schaltfläche "Umschalten", um die Schriftart aus Ihrer Liste zu entfernen.

3. Banner-Schriften

Sie sind dekorativ und können nur auf Banner angewendet werden, da jeder Text, den Sie über Bannern platzieren, als Bildelement betrachtet wird. Folglich wird er auf allen Geräten korrekt angezeigt, unabhängig davon, welche Schriftart Sie verwenden.

Stripo bietet über 40 davon an.

Benutzerdefinierte Schriftarten Beispiel für Bannerschrift _ Stripo

Sie sehen die Liste dieser Schriftarten nur, wenn Sie mit einer Beschriftung über Bannern arbeiten.

4. Benutzerdefinierte Schriftarten

Mit Stripo können Sie absolut jede beliebige Schriftart hinzufügen.

Die Anzahl der hinzuzufügenden benutzerdefinierten Schriftarten ist nicht begrenzt.

Sobald Sie neue Schriftarten installiert haben, wenden Sie sie auf das Menü und die Texte an — auf alle Kopien in E-Mails mit Ausnahme von Bannern.

So fügen Sie eine benutzerdefinierte Schriftart zu Ihren Projekteinstellungen mit Stripo hinzu:

Ich möchte noch einmal betonen, dass dies ein sehr einfacher Prozess ist, da Sie keine Änderungen am HTML-Code der E-Mail vornehmen müssen. Eine weitere gute Nachricht ist, dass Sie nicht für jede E-Mail-Vorlage, mit der Sie arbeiten, dieselben neuen Schriftarten festlegen müssen — Sie legen sie für ganze Projekte fest. Sie sind in Ihrer Liste für alle Ihre Kampagnen innerhalb dieser Projekte verfügbar.

Schritt 1. Google

Zuerst müssen Sie die Schriftart finden, die Ihnen am besten gefällt. Mir hat die Great Vibes gefallen, die ich bei Google Fonts gefunden habe. Neben über 1.000 Schriftarten bietet Google auch beliebte Kombinationen mit ihnen an.

  • Wählen Sie also die Schriftart aus, scrollen Sie nach unten zum Abschnitt "Stile" und klicken Sie auf das Pluszeichen;

Google Benutzerdefinierte Schriften _ Stripo

  • Klicken Sie dann auf das Symbol "Ausgewählte Familien anzeigen" in der oberen rechten Ecke der Webseite;

Ausgewählte Familien in Google Fonts anzeigen

  • Kopieren Sie in einem Pop-up-Fenster den Link — er ist im folgenden Screenshot hervorgehoben.

Stripo Benutzerdefinierte Schriftarten _ Einbetten Ihres Links

Schritt 2. Stripo

Um es in Ihrem Konto bei Stripo zu installieren, müssen Sie Folgendes tun:

  • Klicken Sie auf den Kontonamen in der oberen rechten Ecke Ihres Bildschirms;
  • Wählen Sie "Organisationseinstellungen";

Hinzufügen einer benutzerdefinierten Schriftart zu Ihrem Stripo-Konto

  • auf der linken Seite sehen Sie "Projekte" — klicken Sie auf die Registerkarte;

Stripo Benutzerdefinierte Schriftarten _ Ihre Projekte

  • Wählen Sie das Projekt aus, das Sie mit einer neuen Schrift bereichern wollen (ich habe nur eine);
  • klicken Sie auf die Schaltfläche "Einstellungen";

Benutzerdefinierte Schriftarten _ Projekteinstellungen im Stripo-Konto

  • Scrollen Sie nach unten, um den Abschnitt "Schriftartenverwaltung" zu sehen;
  • Klicken Sie auf die Schaltfläche "Benutzerdefinierte Schriftart hinzufügen" (ich habe bereits drei benutzerdefinierte Schriftarten);

Benutzerdefinierte Schriftarten von Stripo _ Klicken Sie zum Hinzufügen Ihrer benutzerdefinierten Schriftart

  • Benennen Sie im Pop-up-Formular die Schriftart, fügen Sie den Link zur Einbettungs-URL ein und geben Sie die von Google angegebene Schriftfamilie an;

Verbinden Ihrer benutzerdefinierten Schriftart

Hinweis: Wir empfehlen Ihnen dringend, den hochgeladenen Schriftarten echte Namen zu geben.

  • Sobald Sie alle Felder korrekt ausgefüllt haben, klicken Sie auf "Verbinden".

Sie finden die neuen Schriftarten in der Dropdown-Liste, wenn Sie Ihre E-Mail bearbeiten.

So fügen Sie benutzerdefinierte Schriftarten, die nicht von Google stammen, zu Ihren Projekteinstellungen mit Stripo hinzu

Wenn Sie bei Google Fonts nicht die perfekte Option finden konnten, kein Problem! Sie können eine beliebige benutzerdefinierte Schriftart zu Ihrem Stripo-Konto hinzufügen, indem Sie einen Link zu dieser Schriftart hochladen.

Sie können auch Ihre eigenen, selbst erstellten Schriften verwenden:

  • Laden Sie die Schriftdateien auf einen offenen Cloud-Speicher oder eine File-Sharing-Plattform hoch;
  • Stellen Sie sicher, dass die Dateien zur Ansicht verfügbar sind, damit die Benutzer sie sehen können;
  • fügen Sie den Access-Control-Allow-Origin header zu Ihren Schriftdateien hinzu, um zu verhindern, dass sie vom Browser blockiert werden;
  • fügen Sie die Links zu Ihrem Stripo-Konto auf die oben beschriebene Weise hinzu. Stellen Sie sicher, dass Ihre Links mit "https" beginnen und nicht von Anführungszeichen umgeben sind.  

Hier ist ein Beispiel dafür, wie Sie Ihrem Stripo-Konto mit Adobe Fonts eine benutzerdefinierte Schriftart hinzufügen können:

  • Gehen Sie zu Adobe Fonts;
  • Wählen Sie die gewünschte Schriftart aus und drücken Sie die Taste </>;

Wählen Sie Ihre eigene Schriftart in Adobe Fonts

  • geben Sie Ihren Projektnamen ein;
  • wählen Sie die Schriftarten und -schnitte aus;
  • klicken Sie auf die Schaltfläche "Erstellen";

Adobe Fonts _ Eine Schriftart zu einem Webprojekt hinzufügen

  • Kopieren Sie den Link;

Adobe Fonts _ Kopieren Sie den Link

  • Befolgen Sie die oben beschriebenen Schritte, um diese Schriftart zu Ihrem Stripo-Konto hinzuzufügen.

Hinweis: Wenn Sie Schriften von Adobe Fonts verwenden möchten, können Sie dies nur mit einem Creative Cloud-Abonnement tun.

Aktivieren von Schriften in Adobe Fonts

Verwendung benutzerdefinierter Schriftarten in E-Mails

Sie können jede beliebige Schriftart für Textblöcke und Menüs verwenden, um Ihre E-Mails lebendig und einzigartig zu gestalten. Testen Sie aber auf jeden Fall die Kompatibilität mit den wichtigsten E-Mail-Clients.

Hinweis: Wenn ein E-Mail-Client die von Ihnen gewählte Schriftart nicht unterstützt, ersetzt er sie durch eine Standardschriftart (die meisten E-Mail-Clients haben zwei Standardschriften).

Stripo empfiehlt Ihnen nicht nur, E-Mails/Schriftarten mit Email on Acid oder Litmus zu testen, sondern auch, diese E-Mail an alle Ihre E-Mail-Adressen zu senden, um zu sehen, wie Ihre Schriftart in Wirklichkeit aussieht.

Für meinen Test habe ich die Schriftart Alumni Sans gewählt. Unser E-Mail-Testtool hat gezeigt, dass die meisten Geräte und E-Mail-Clients diese Schriftart durch die Standardschriftart ersetzen würden. Auf den Screenshots unten können Sie sehen, dass Apple Mail die Schriftart Alumni Sans korrekt anzeigt, während Outlook 2019 sie durch seine Standardschriftart ersetzt.

Testen benutzerdefinierter Schriftarten in mehreren E-Mail-Clients

E-Mail-Clients, die benutzerdefinierte Schriftarten in E-Mails unterstützen

Es gibt nur wenige von ihnen:

  • Apple Mail (Standardschriftart — Helvetica);
  • Apple iPhone (Standardschriftart — Helvetica);
  • Thunderbird (Standardschriftart — Impact);
  • Outlook-App für Android, iOS, und Mac (Standardschriftart — Calibri);
  • Android-eigene E-Mail-Anwendung (Standardschriftart — Roboto).

Hinweis: Sie können nicht mit absoluter Sicherheit sagen, ob Ihre benutzerdefinierte Schriftart von diesen E-Mail-Clients unterstützt wird, daher sollten Sie Ihre Nachricht unbedingt testen, bevor Sie sie versenden.

Denken Sie bei der Auswahl einer neuen Schriftart für E-Mails daran:

  1. Nur einige E-Mail-Clients unterstützen benutzerdefinierte Schriftarten.
  2. Sans-Serif-Schriften sind leichter zu erkennen und eignen sich besser für formelle Texte und  geschäftliche Rundschreiben.
  3. Für Menschen mit Sehbehinderungen und Legasthenie dauert es länger, einen  in Serifenschrift geschriebenen Text zu lesen, dennoch eignet er sich besser für  Werbe-E-Mails.
  4. Für HTML-E-Mails ist 14 px die beste Schriftgröße, für mobile Geräte sind es 16 px.
  5. Um Ihre E-Mails zugänglich zu machen, vermeiden Sie weiße Hintergründe und zentrierte Texte.
  6. In Ihrem Stripo-Konto können Sie neue Schriftarten hinzufügen und diejenigen entfernen, die Sie für bestimmte Projekte nicht verwenden.

Abschließend

Benutzerdefinierte Schriftarten können ein großartiges Werkzeug sein, um Ihre E-Mails professionell und wiedererkennbar aussehen zu lassen, aber es ist wichtig, Ihre Nachrichten zu testen, bevor Sie sie versenden. Fügen Sie Ihrem Konto dekorative Schriftarten hinzu und verwenden Sie sie, um Ihre E-Mail-Newsletter-Vorlagen aufzupeppen.

Bereichern Sie Ihre E-Mails mit benutzerdefinierten Schriftarten
War dieser Artikel hilfreich?
Tell us your thoughts
Vielen Dank für Ihr Feedback!
8 Kommentare
Dave Myron vor 3 Jahren
Can you update this article to include using non-Google custom fonts?
Hanna Kuznietsova vor 3 Jahren
Dave, Hello... Thank you for your question. We will update the post soon ? As for non-Google custom fonts: You can add custom fonts to your Stripo account only by uploading a link to the selected font. For example, the Adobe Fonts site https://fonts.adobe.com/collections offers links to the fonts and their description ("font-family") for entering information in the proper fields. The embedding link provided by Adobe Fonts needs to be converted to the format specified in the article or input field: it must start with https; no quotes before and after the link. Please do everything as you would do to Google Fonts, as shown in the video. https://www.youtube.com/watch?v=U2X3CLN01zA You can also use your fully custom fonts. Just upload them on your website, and then add the link to your Stripo account. Proven - Adobe fonts work well :) If you need more detailed instructions with screenshots, please write to us at contact@stripo.email.
Reinhard Jung vor 4 Jahren
Hey, thanx a lot!
Hanna Kuznietsova vor 4 Jahren
Reinhard, Thanks for your supportive feedback. We're glad you liked it :)
Arsen Malashchuk vor 5 Jahren
А если понравившийся шрифт не представлен на Google Fonts, как тогда его добавить?
Hanna Kuznietsova vor 4 Jahren
Arsen, Спасибо за обращение. Добавлять кастомные шрифты в Ваш аккаунт в Stripо можно только лишь подгружая ссылку на выбранный шрифт. Например, сайт Adobe Fonts https://fonts.adobe.com/collections предлагает именно ссылки к шрифтам и их описание ( "font-family", обычный это шрифт или курсив) для введения информации в соответствующие поля. Ссылку для встраивания, которую предоставит Adobe Fonts, вам нужно привести к формату, который обозначен в статье или поле для введения: начинаться она должна с https; никаких кавычек до и после ссылки. Делайте, пожалуйста, все по аналогии со шрифтами Google Fonts, как показано в видео. https://www.youtube.com/watch?v=U2X3CLN01zA Проверено — шрифты Adobe подгружаются и работают :) Если же Вам понадобится более подробная инструкция со скриншотами, — пожалуйста, пишите нам на contact@stripo.email. Будем рады помочь.
Евгения Землянская vor 4 Jahren
а если есть только файл со шрифтом? Его никак не загрузить?
Hanna Kuznietsova vor 4 Jahren
Евгения, Спасибо за Ваш вопрос. Для использования кастомного шрифта, нужна именно ссылка на него, которая заканчивается на .css Если же Вам не подходят шрифты Google и Adobe, то Вы можете загрузить кастомный шрифт на свой сайт. И дальше добавить его в личный кабинет Stripo согласно инструкции, приведенной в данной статье. Важно: доступ к данному шрифту должен быть открыт всем.
Typ
Branche
Jahreszeiten
Integration
Stripo-Editor
Vereinfachen Sie den Prozess der E-Mail-Produktion.
Stripo-Plugin
Integrieren Sie den Stripo-Drag-n-Drop-Editor in Ihre Webanwendung.
Bestellen Sie eine individuelle Vorlage
Unser Team kann es für Sie entwerfen und programmieren. Füllen Sie einfach den Fragebogen aus und wir werden uns in Kürze bei Ihnen melden.