06 Dezember 2018

So fügen Sie benutzerdefinierte Schriften in Stripo hinzu und verwenden diese

Hanna Kuznietsova
Hanna Kuznietsova Content-Chefin bei Stripo
Inhaltsverzeichnis
  1. Die Schriftartensets, die Stripo anbietet
  2. So fügen Sie eine benutzerdefinierte Schriftart zu Ihren Projekteinstellungen in Stripo hinzu :
  3. So verwendet man benutzerdefinierte Schriften
  4. Wenn Sie eine neue Schriftart für E-Mails auswählen, denken Sie daran:
1.
Die Schriftartensets, die Stripo anbietet

Am 26, November haben wir eine neue Funktion freigeschaltet – nun können Sie in Stripo.email benutzerdefinierte Schriftarten mit ein paar wenigen Klicks und ohne HTML-Kenntnisse hinzufügen. Warum ist das wichtig?
Es ist kein Geheimnis, dass ein guter Text das E-Mail Design ergänzt und Kunden davon überzeugt zu kaufen.
Verfassen Sie den Text emotional. Und indem Sie ihn in die Schrift verpacken, die am besten zur Situation und zum E-Mail Design passt, machen Sie ihn auffällig, hübsch und ansprechend. Sehr oft sind die websicheren Schriftarten nicht ausreichend.

Stripo-Custom-Fonts-Banner-Example

In diesem Fall müssen Sie sich mit benutzerdefinierten Schriftarten befassen.

Die meisten ESPs und E-Mail Erstellungstools bieten nur die websicheren Schriftarten an, während Stripo.email 4 Sets an Schriftarten anbietet.

Die Schriftartensets, die Stripo anbietet

Stripo bietet 4 Schriftartensets für Ihre E-Mails an:

1. Standard-/Websichere Schriftarten

Arial, Comic Sans MS, Courier New, Georgia, Helvetica, Lucida Sans Unicode, Tahoma, Times New Roman, Trebuchet MS, Verdana sind die beliebtesten Schriftarten, da sie weit verbreitet sind in Websites und von den meisten E-Mail-Clients korrekt angezeigt werden.Stripo-Custom-Fonts-Arial

2. Nicht-Standard-Schriftarten

Das sind die 10 Schriftarten, bei denen sich Profis immer noch streiten, ob sie websicher sind oder nicht. Aber sie werden häufig im Internet verwendet. So ist zum Beispiel Playfair Display auf fast 1,1 Milliarden Websites vertreten; sie ist vor allem in den USA und Westeuropa beliebt.

Stripo-Custom-Fonts-Display-Fair

Hinweis: Wussten Sie, dass Sie die Anzahl an Standard- und Nicht-Standard-Schriften für Ihre Projekte verringern können, wenn Sie manche für überflüssig halten?
In Ihrem Konto:

  • Gehen Sie zu Projekteinstellungen;
  • Finden Sie den Standard-/Nicht-Standardschriften-Reiter;
  • Klicken Sie die Umschalttaste, um die Schrift aus Ihrer Liste zu entfernen.

Stripo-Custom-Fonts-Removing-Standard-Fonts

3. Banner-Schriftarten

Sie sind dekorativ und können nur in Bannern verwendet werden, da jeglicher Text, den Sie auf Bannern platzieren als Bildelement betrachtet wird. Folglich wird er auf allen Geräten korrekt angezeigt, egal welche Schriftart Sie verwendet haben. Stripo bietet über 40 von ihnen an.

Stripo-Custom-Fonts-Banner-Font-Example

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

4. Benutzerdefinierte Schriftarten

Bei Stripo können Sie jede Schriftart, die Ihnen gefällt, hinzufügen.
Die Anzahl an benutzerdefinierten Schriftarten, die hinzugefügt werden können ist nicht begrenzt. Sobald Sie neue Schriften installiert haben, können Sie diese für Menü, Texte - alle Schriftelemente in E-Mails außer Bannern verwenden.

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

Ich möchte nochmals 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, die gleichen neuen Schriftarten festlegen müssen - Sie richten sie für ganze Projekte ein. Sie sind dann auf Ihrer Liste für alle Ihre Kampagnen innerhalb dieser Projekte verfügbar.
Zuerst müssen Sie die Schriftart finden, die Ihnen am besten gefällt. Ich fand die Great Vibes, die ich auf Google.fonts gefunden habe, toll. Google stellt nicht nur rund 1.000 Schriftarten zur Verfügung, sondern zeigt auch beliebte Paarungen mit ihnen an.
Sie müssen also die Schriftart auswählen und dann das Plus-Zeichen klicken.

Stripo-Custom-Fonts-Google

Kopieren Sie den Link im Popup-Fenster - er ist im Screenshot unten hervorgehoben.

Stripo-Custom-Fonts-Embedding-the-Link

Um sie in Ihrem Stripo-Konto zu installieren, machen Sie folgendes:

  • Klicken Sie in der oberen rechten Ecke Ihres Bildschirms auf Ihren Kontonamen;
  • Wählen Sie “Unternehmenseinstellungen”;

Stripo-Custom-Fonts-in-Emails-Account

  • Links sehen Sie “Projekte” — klicken Sie auf den Reiter;

Stripo-Custom-Fonts-Projects

  • Wählen Sie das Projekt, das Sie mit einer neuen Schriftart bereichern wollen (ich habe nur eine);
  • Klicken Sie den „Einstellungen“-Button;

Stripo-Custom-Fonts-Project-Settings

  • Scrollen Sie nach unten, um den Abschnitt „Schriftartenverwaltung“ sehen zu können;
  • Klicken Sie den “Benutzerdefinierte Schriftart hinzufügen”-Button (ich habe bereits drei benutzerdefinierte Schriftarten);

Stripo-Custom-Fonts-Click-to-Add-Custom-Font

  • Geben Sie im Popup-Formular den Namen der Schriftart an, fügen Sie den Link zur Einbettung der URL ein und geben Sie die von Google angegebene Schriftfamilie an.

Stripo-Custom-Fonts-Adding-Custom-Font

Hinweis: Um es Ihnen leichter zu machen, empfehlen wir dringend, den hochgeladenen Schriften echte Namen zu geben.
Nachdem Sie alle Felder korrekt ausgefüllt haben, klicken Sie "Verbinden“.
Im Schriftarten Drop-Down Menü finden Sie nun die neuen Schriften.

So verwendet man benutzerdefinierte Schriften

Sie können gerne jede Schrift, die Ihnen gefällt, für Textbausteine und Menüs verwenden, um Ihre E-Mails lebendig und einzigartig zu machen. Aber stellen Sie sicher, dass Sie sie auf Kompatibilität mit den besten E-Mail-Clients und verschiedenen Geräten testen.
Hinweis: Wenn ein E-Mail Client, die von Ihnen ausgewählte Schrift nicht unterstützt, dann wird er sie mit einer Standardschrift ersetzen (die meisten E-Mail Clients haben zwei Standardschriften).
Stripo empfiehlt Ihnen nicht nur dringend, E-Mails/Schriften mit E-Mail auf Acid oder Litmus zu testen, sondern diese E-Mail auch an alle Ihre E-Mail-Adressen zu senden, um zu sehen, wie Ihre Schrift in Wirklichkeit aussieht. 
Für meinen Test habe ich die Great Vibes Schriftart gewählt. Das Testtool zeigte, dass die meisten Geräte und E-Mail Clients die Great Vibes Schriftart mit der Standardschrift Arial ersetzen werden (und wenn es keine Arial im Betriebssystem gibt, dann wendet Gmail die Helvetica an). Aber tatsächlich funktionierte die benutzerdefinierte Schriftart in meinem Posteingang gut.

Stripo-Custom-Fonts-Example

(E-Mail Client — Gmail; Betriebssystem — Windows 10).

Wenn Sie eine neue Schriftart für E-Mails auswählen, denken Sie daran:

  1. Serifenlose Schriften erleichtern die Wahrnehmung und sind besser geeignet für formale Texte und Business Newsletters;
  2. Es dauert länger, einen serifenbasierten Text zu lesen, aber er funktioniert besser für Werbe-E-Mails;
  3. Für HTML-E-Mails ist 14 px die beste Schriftgröße, aber für Mobilgeräte ist es 16 px;
  4. Um Ihre E-Mails zugänglich zu machen, vermeiden Sie weiße Hintergründe und zentrierte Texte;
  5. In Ihrem Stripo-Konto können Sie neue Schriftarten hinzufügen und diejenigen entfernen, die Sie nicht für bestimmte Projekte verwenden.

Fügen Sie Ihrem Konto dekorative Schriften hinzu und verwenden Sie diese, um Ihre E-mail Newsletter-Vorlagen aufzupeppen.

War dieser Artikel hilfreich?
Tell us your thoughts
Vielen Dank für Ihr Feedback!
6 Kommentare
Reinhard Jung vor 5 Jahren
Hey, thanx a lot!
Hanna Kuznietsova vor 5 Jahren
Reinhard, Thanks for your supportive feedback. We're glad you liked it :)
Arsen Malashchuk vor 6 Jahren
А если понравившийся шрифт не представлен на Google Fonts, как тогда его добавить?
Hanna Kuznietsova vor 6 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 5 Jahren
а если есть только файл со шрифтом? Его никак не загрузить?
Hanna Kuznietsova vor 5 Jahren
Евгения, Спасибо за Ваш вопрос. Для использования кастомного шрифта, нужна именно ссылка на него, которая заканчивается на .css Если же Вам не подходят шрифты Google и Adobe, то Вы можете загрузить кастомный шрифт на свой сайт. И дальше добавить его в личный кабинет Stripo согласно инструкции, приведенной в данной статье. Важно: доступ к данному шрифту должен быть открыт всем.
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.

Stripo-Editor

Für E-Mail-Marketing-Teams und Einzelersteller von E-Mails.

Stripo-Plugin

Für Produkte, die von einem integrierten White-Label-E-Mail-Builder profitieren könnten.