Design Vorlagen How-to
~ 6 min gelesen
6 Kommentare
40718 Aufrufe
bewerten Sie es
06 Dezember 2018

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

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

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.

Reinhard Jung vor 2 Monaten

Hey, thanx a lot!

Hanna Kuznietsova kommentiert Reinhard Jung vor 2 Monaten

Reinhard, Thanks for your supportive feedback. We're glad you liked it :)

Arsen Malashchuk vor 1 Jahr

А если понравившийся шрифт не представлен на Google Fonts, как тогда его добавить?

Hanna Kuznietsova kommentiert Arsen Malashchuk vor 1 Jahr

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. Будем рады помочь.

Евгения Землянская kommentiert Hanna Kuznietsova vor 4 Monaten

а если есть только файл со шрифтом? Его никак не загрузить?

Hanna Kuznietsova kommentiert Евгения Землянская vor 4 Monaten

Евгения, Спасибо за Ваш вопрос. Для использования кастомного шрифта, нужна именно ссылка на него, которая заканчивается на .css Если же Вам не подходят шрифты Google и Adobe, то Вы можете загрузить кастомный шрифт на свой сайт. И дальше добавить его в личный кабинет Stripo согласно инструкции, приведенной в данной статье. Важно: доступ к данному шрифту должен быть открыт всем.

Sie könnten interessiert sein an

← vorherige nächste →
9 Tage · 8 min gelesen
So erstellen Sie E-Mail Newsletter-Vorlagen für Outlook mit Stripo

Bis vor kurzem war es schwierig, fast unmöglich, HTML-E-Mail-Newsletter mit Outlook zu verschicken, die korrekt angezeigt werden. Aber Stripo fand einen Ausweg. Von jetzt an können Sie HTML-E-Mail-Vorlagen von unserem Editor nach Outlook exportieren. Aber warum sollten Sie Outlook verwenden, wenn Sie E-Mails mit GetResponse, eSputnik oder jedem anderen ESP verschicken können? Hier sind die Gründe… Warum wir beschlossen haben, einen Direktexport nach Outlook hinzuzufügen Viele unserer Nutzer haben uns kontaktiert, um nach einer Möglichkeit zu fragen, wie sie Vorlagen...

Marketing Vorlagen How-to
28 April · 18 min gelesen
Beste Schriftarten für E-Mail: Tipps und Tricks zur Verwendung

Eines der auffälligsten Bedenken beim Erstellen vom E-Mails ist die Auswahl des Fonts. Gewicht, Größe, Breite, Farbe, Form, Abstand … Ist alles wichtig? Ja, ist es, aber das wichtigste ist eines zu wählen, das leicht zu lesen ist, alle anderen Font-Funktionen sind nebensächlich. Sehen Sie sich unser kurzes Video über Schriften an, ihre Varianten und wie dekorative Schriften auf Stripo anwenden. Aber die Hauptsache – wie Sie die gleiche Schriftart für Ihre E-Mails auswählen: Entwerfen Sie anspruchsvolle, vollständig reagierende E-Mails....

Design Vorlagen
Seien Sie immer auf dem Laufenden in Bezug auf aktuelle E-Mail-Marketing-Nachrichten, Leitfäden, Artikel und How-To's