Demo-Editor Einloggen →
Design Vorlagen How-to
~ 6 min gelesen
79347 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.

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.

Dave Myron vor 1 Jahr

Can you update this article to include using non-Google custom fonts?

Hanna Kuznietsova kommentiert Dave Myron vor 1 Jahr

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 2 Jahren

Hey, thanx a lot!

Hanna Kuznietsova kommentiert Reinhard Jung vor 2 Jahren

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

Arsen Malashchuk vor 3 Jahren

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

Hanna Kuznietsova kommentiert Arsen Malashchuk vor 3 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. Будем рады помочь.

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

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

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

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

Sie könnten interessiert sein an

vorherige nächste
Greatest Examples of GIF animations in Emails_Cover Image
27 Oktober 2021 · 10 min gelesen
16 großartige Beispiele für animierte GIFs in E-Mails

GIFs in E-Mails sind von großem Nutzen, wenn Sie Ihr Produkt präsentieren, die Aufmerksamkeit der Nutzer auf bestimmte Elemente lenken oder einfach nur Ihren Text etwas ausschmücken möchten. In diesem Artikel haben wir einige der besten Beispiele für E-Mail-GIF-Animationen zusammengestellt. Beispiele für animierte GIFs in E-Mails Hier ist eine Zusammenstellung der besten Beispiele mit GIFs in E-Mails. Jedes GIF erfüllt seine Aufgabe. 1. Adidas (Quelle: E-Mail von Adidas) Adidas verwendet E-Mail-Animationen, um zu zeigen, welche Farboptionen sie haben. Sieht ordentlich...

Design Marketing
24 September 2021 · 18 min gelesen
Beste Schriftarten für E-Mails: Tipps und Tricks zur Verwendung

Eines der größten Probleme bei der Erstellung von E-Mails ist die Wahl der richtigen Schriftart. Gewicht, Höhe, Breite, Farbe, Form, Abstände... Ist das alles wichtig? Ja, das tut es, aber eines der wichtigsten Dinge ist die Wahl einer lesbaren Schriftart. In diesem Beitrag zeigen wir Ihnen, wie Sie die beste professionelle Schriftart für E-Mails auswählen. Mit Stripo ist es einfach, Schriften in E-Mails zu bearbeiten Los geht’s HTML-Schriftarten für E-Mails: Zu beachtende allgemeine Regeln Es gibt drei Grundregeln, die Sie...

Design Vorlagen
08 April 2021 · 17 min gelesen
14 besten E-Mail-Signatur-Design-Beispiele

Gute E-Mail-Signaturen helfen uns, unser Unternehmen aufzubauen und einen guten Eindruck bei den Kunden zu hinterlassen. Da dies das letzte Element ist, das Menschen in E-Mails sehen, sollten wir unsere persönlichen Signaturen kreativ und einprägsam gestalten. Lassen Sie uns die besten Beispiele für E-Mail-Signaturen und ihre angemessene Verwendung in E-Mails und Newsletter-Vorlagen für E-Mails untersuchen. Es sollte erwähnt werden, dass alle Arten von Unternehmen professionelle E-Mail-Signaturen mit detaillierten Kontaktinformationen benötigen. Verwenden Sie diese Vorlage bei der Gestaltung einer E-Mail-Signatur Verwenden...

Design Marketing Vorlagen
banner9
11 September 2020 · 15 min gelesen
Die 10 besten kostenlosen Erstellungstools für E-Mail-Vorlagen 2021

Erstellungstools für E-Mail-Vorlagen scheinen irgendwie alle ähnlich zu sein? Sie sind nun unsicher, welches Sie wählen sollen, um die besten E-Mail-Vorlagen zu erstellen? Klar, es gibt schließlich eine ganze Menge von ihnen. Wir werden viele von ihnen auf ihre Unterscheidungsmerkmale hin untersuchen. Ich werde versuchen, die gleiche Vorlage in jedem der Editoren mit den gleichen Mediendateien zu erstellen. Mal sehen, ob die Erstellungstools sich unterscheiden. Für die Untersuchung haben wir Stripo.email und seine Wettbewerber ausgesucht: BEE Free, CampaignMonitor, EDM Designer,...

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