Création Modèles How-to
~ 6 min lu
6 commentaires
40716 vues
évaluez-le
06 décembre 2018

Comment Ajouter et Utiliser des Polices Personnalisées avec Stripo

Stripo / Blog / Comment Ajouter et Utiliser des Polices Personnalisées avec Stripo

Le 26 Novembre 2018, nous avons lancé une nouvelle option. Désormais, vous pouvez ajouter des polices personnalisées à vos projets avec Stripo.email en seulement quelques clics. Aucune compétence HTML n’est nécessaire. Pourquoi est-ce si important ?
Ce n’est un secret pour personne, un joli texte complète la conception de l’email et convainc les clients de faire un achat.
Faites en sorte que le texte soit émotionnel. En l’enveloppant dans une police qui correspond le mieux à la situation et à la conception de l’email, vous le rendez visible, beau et attrayant. Très souvent, les polices Internet sécurisées ne suffisent pas à faire cela.

Stripo-Custom-Fonts-Banner-Example

Dans ce cas, vous aurez besoin de polices personnalisées.

La plupart des ESPs et créateurs d’emails offrent uniquement les polices Internet sécurisées. Alors que Stripo.email en offre 4 sets.

Les sets de police que Stripo offre

Stripo offre 4 sets de polices pour vos emails :

1. Polices Internet sécurisées/standards

Arial, Comic Sans MS, Courier New, Georgia, Helvetica, Lucida Sans Unicode, Tahoma, Times New Roman, Trebuchet MS, Verdana sont les polices les plus populaires, puisqu’elles sont largement utilisées par les sites Internet et qu’elles s’affichent correctement dans la plupart des email clients.

Stripo-Custom-Fonts-Arial

2. Polices non-standards

Ce sont les 10 polices pour lesquelles certains professionnels se disputant encore afin de savoir si elles sont sécurisées sur Internet ou non. Cependant, elles sont couramment utilisées sur Internet. Par exemple, Playfair Display apparaît dans presque 1.1 milliard de sites Internet ; elle est la plus populaire aux États-Unis et en Europe de l’Ouest.

Stripo-Custom-Fonts-Display-Fair

Note : Saviez-vous que vous pouvez réduire le nombre de polices standards et non-standards pour vos projets si vous trouvez que certaines d’entre elles sont excessives ?
Dans votre compte :

  • rendez-vous dans les paramètres du projet ;
  • trouvez les polices standards/non-standards ;
  • cliquez sur le bouton switch afin de supprimer la police de votre liste.

Stripo-Custom-Fonts-Removing-Standard-Fonts

3. Polices de bannière

Elles sont décoratives et ne peuvent s’appliquer qu’aux bannières, car tout texte placé au-dessus de celles-ci sera considéré comme un élément d’image. Par conséquent, elle sera correctement affichée sur tous les appareils, quelle que soit la police que vous avez appliquée.
Stripo en propose plus de 40.

Stripo-Custom-Fonts-Banner-Font-Example

Vous voyez la liste de ces polices, uniquement lorsque vous travaillez avec une légende sur des bannières.

4. Polices personnalisées

Grâce à Stripo, vous pouvez ajouter toutes les polices que vous désirez.
Le nombre de polices personnalisées ajoutées est illimité.
Une fois que vous avez installé de nouvelles polices, appliquez-les au menu, aux textes et à toutes les copies d’emails sauf les bannières.

Comment ajouter une police personnalisée à vos paramètres de projet avec Stripo :

Encore une fois, nous tenons vraiment à souligner qu’il s’agit d’un processus très simple, car il n’est pas nécessaire de modifier le code HTML de l’email. Une autre bonne nouvelle est qu’il n’est pas nécessaire de définir les mêmes polices pour chaque modèle d’email avec lequel vous travaillez : vous les définissez pour les projets entiers. Elles sont disponibles sur votre liste dans toutes vos campagnes marketing dans vos projets.
Tout d’abord, trouvez la police que vous désirez. Nous adorons la police « Great Vibes » trouvée sur Google.fonts. Non seulement Google fournit environ 1.000 polices, mais propose également des associations populaires avec celles-ci.
Vous devez donc simplement sélectionner la police, puis cliquer sur l’icône « + ».Stripo-Custom-Fonts-Google

Dans la fenêtre pop-up, copiez le lien – celui-ci est surligné dans la capture d’écran ci-dessous.

Stripo-Custom-Fonts-Embedding-the-Link

Afin de l’installer dans votre compte avec Stripo, il vous suffit :

  • dans le coin supérieur droit de votre écran, cliquez sur le nom du compte ;
  • sélectionnez « Paramètres de l’entreprise » ;

Stripo-Custom-Fonts-in-Emails-Account

  • à droite, vous verrez “Projets” – cliquez sur l’onglet ;

Stripo-Custom-Fonts-Projects

  • sélectionnez le projet pour lequel vous désirez ajouter la nouvelle police (Nous n’en avons qu’une) ;
  • cliquez sur le bouton « Paramètres » ;

Stripo-Custom-Fonts-Project-Settings

  • scroll down to see the “Font management” paragraph ;
  • click the “Add custom font” button (I already have three custom fonts) ;

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

  • dans le formulaire pop-up, nommez la police, insérez le lien URL d’activation puis entrez la famille de police spécifiée par Google.

Stripo-Custom-Fonts-Adding-Custom-Font

Note : Pour votre commodité, nous vous recommandons vivement de donner de vrais noms aux polices téléchargées.
Une fois que vous avez rempli tous les champs correctement, cliquez sur « Connecter ».
Dans la liste déroulante des polices, vous trouverez les nouvelles polices.

Comment utiliser les polices personnalisées

Vous pouvez appliquer la police de votre choix aux blocs de texte et aux menus afin de rendre vos emails vivants et uniques. Mais assurez-vous de les tester afin de vérifier la compatibilité avec les principaux email clients et divers périphériques.
Note : Si un email client ne prend pas en charge la police que vous avez choisie, le client la remplacera par une police par défaut (la plupart des clients de messagerie ont deux polices par défaut).
Non seulement Stripo vous recommande fortement de tester les emails/polices à l’aide d’Email on Acid ou Litmus, mais également de l'envoyer à toutes vos adresses email afin de voir à quoi ressemble votre police.
Pour notre test, nous avons choisi la police « Great Vibes ». L’outil de test montre que la plupart des appareils et des email client remplaceraient la police « Great Vibes » par « Arial » par défaut (s’il n’y en a pas dans votre système d’exploitation, alors Gmail appliquerait la police Helvetica). Cependant, ma police personnalisée s’affiche correctement dans ma boîte de réception.

Stripo-Custom-Fonts-Example

(Email client — Gmail ; OS — Windows 10).

Lorsque vous choisissez une nouvelle police d’emails, souvenez-vous :

  1. Les polices « Sans-serif » fournissent une perception plus simple, et sont beaucoup plus appropriées pour les textes formels ainsi que pour les newsletters d’entreprise ;
  2. Il faut un peu plus de temps pour lire un texte écrit en serif, mais cela fonctionne mieux pour des emails promo ;
  3. Pour les emails HTML, 14 px est la meilleure taille de police, cependant, 16 px est la taille la plus appropriée pour les appareils mobiles ;
  4. Afin de rendre vos emails accessibles, évitez les fonds blancs ainsi que les textes alignés et centrés ;
  5. Dans votre compte Stripo, vous pouvez ajouter de nouvelles polices et supprimer celles que vous n'utilisez pas pour des projets particuliers.

Ajoutez à votre compte une utilisation de polices décoratives afin de pimenter vos modèles d’email pour les newsletters.

Reinhard Jung il y a 2 mois

Hey, thanx a lot!

Hanna Kuznietsova commenté à Reinhard Jung il y a 2 mois

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

Arsen Malashchuk il y a 1 an

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

Hanna Kuznietsova commenté à Arsen Malashchuk il y a 1 an

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

Евгения Землянская commenté à Hanna Kuznietsova il y a 4 mois

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

Hanna Kuznietsova commenté à Евгения Землянская il y a 4 mois

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

Vous pourriez être intéressé par

← précédent suivant →
9 jours · 8 min lu
Comment créer un modèle d’e-mail de newsletter pour Outlook avec Stripo

Le 21 mai 2018, nous avons dévoilé une toute nouvelle option : l’exportation des modèles d’e-mails vers Outlook sous Windows. Le 18 juin 2020, nous étendons cette fonction avec la possibilité d’exporter des e-mails vers Outlook pour macOS. Dans cette publication, nous allons vous montrer comment exporter des modèles d’e-mail HTML vers Outlook en seulement 2 clics. Joignez Stripo Intro Jusqu’à tout récemment, il était difficile, presque impossible d’envoyer des newsletters qui s’affichent correctement dans Outlook. Puis, Stripo a trouvé une solution. Depuis lors,...

Marketing Modèles How-to
Building AMP Questionnaires_Featured Image
15 juin · 9 min lu
Créer des formulaires AMP avec Stripo en utilisant des modules préconstruits

Bonjour tout le monde. Aujourd’hui, nous commençons notre série de tutoriels dans lesquels nous vous montrerons comment créer des e-mails AMP plus rapidement que vous écrivez un paragraphe de texte promotionnel. Courte introduction Comme vous le savez probablement déjà, le mois dernier nous avons fait notre série sur le Quiz Stripo AMP. Cela consistait en 3 e-mails, chacun contenant des éléments de gamification. Le but de cette campagne était de démontrer quelques-unes des capacités de la technologie AMP à nos lecteurs....

Création Modèles How-to
Soyez toujours au fait des dernières actualités de l'e-marketing, des guides, des articles et des guides pratiques sur la conception d'e-mails