Utilisation des polices dans l’Éditeur d’e-mails de Connectif

Lors de la création d’emails alignés avec les objectifs marketing, il est important de comprendre comment fonctionnent les polices de caractères, afin de choisir celles qui correspondent le mieux à la marque et à son design, mais aussi de connaître leurs limitations pour garantir une cohérence d’affichage dans les différents clients de messagerie.

Cet article explique les propriétés des polices disponibles dans l’Éditeur d’emails de Connectif ainsi que leur comportement dans les clients de messagerie, afin que vous puissiez choisir celles qui vous conviennent le mieux lors de la conception de vos emails avec Connectif.

 

1. Propriétés

De nombreux clients de messagerie bloquent certaines typographies et utilisent des polices de secours (fallback fonts), ainsi, même si l’Éditeur d’emails de Connectif propose de nombreuses options de police, il est probable que les emails reçus par vos contacts n’apparaissent pas exactement comme dans la version conçue, car tous les appareils et fournisseurs d’email n’ont pas accès aux mêmes polices.

1.1. Comment fonctionnent les polices

• Il existe deux principales manières pour un appareil d'accéder à une police : les polices système (c’est-à-dire, les polices installées sur l’appareil utilisé) et les polices web (chargées depuis un serveur externe).
• Il existe certaines polices système de base installées sur la plupart des appareils (par exemple Georgia et Verdana), mais elles peuvent varier considérablement d’un appareil à l’autre. C’est pourquoi les polices les plus répandues sont appelées polices sûres pour le web (web-safe fonts).
• Lors de la création d’emails, il est essentiel de tenir compte des polices disponibles, car il existe des polices sûres pour le web et des polices personnalisées (custom fonts). Les polices personnalisées sont généralement des polices web (mais pas sûres) et leur utilisation s'accompagne souvent d’une ou plusieurs polices de secours.
  
  

1.1.1. Fonctionnement des polices sûres pour le web

• Les polices sûres pour le web sont celles qui sont largement installées sur la majorité des appareils et des systèmes d’exploitation.
• Elles s’affichent correctement sur pratiquement tous les clients de messagerie, quelle que soit la plateforme ou l’appareil.
• Exemples : Arial, Times New Roman, Georgia et Verdana.

1.1.2. Fonctionnement des polices personnalisées

• Les polices personnalisées ne sont pas garanties sur tous les appareils ni systèmes d’exploitation.
• Ce sont des polices personnalisées nécessitant un code CSS avec des polices de secours pour garantir qu’une alternative similaire sera utilisée si la police principale n’est pas disponible.
• Il est courant d’ajouter plusieurs polices de secours pour s’assurer que le contenu reste lisible et visuellement cohérent.

1.2. Fonctionnement des polices dans les différents clients de messagerie

• Les clients de messagerie (comme Gmail, Outlook ou Apple Mail) interprètent les polices de manière différente.
• Certains clients, en particulier ceux sur appareils mobiles ou les versions plus anciennes de logiciels de bureau, peuvent ne pas prendre en charge certaines polices personnalisées.

• Si le client prend en charge <link>, @import ou @font-face, les polices web peuvent s’afficher correctement à l’aide du HTML et du CSS standard.

• Seuls les clients suivants prennent en charge les polices web via des services tels que Google Web Fonts :

  • Outlook pour Mac.

  • iOS Mail (navigateur de messagerie par défaut sur iOS).

  • Apple Mail.

  • Android (client par défaut, pas Gmail)

  • Samsung Mail (Android 8.0).

  • Thunderbird.

• Gmail ne prend généralement pas en charge les polices web, sauf Roboto.

 

2. Utilisation des polices dans Connectif

2.1. Polices disponibles dans l'Éditeur d'emails de Connectif

L'Éditeur d'emails de Connectif propose une combinaison de polices sûres pour le web et de polices personnalisées.

Voici actuellement les polices sûres pour le web disponibles dans l'Éditeur d'emails :

• Sans-serif :
  • Arial
  • Arial Black
  • Arial Narrow
  • Arial Rounded MT Bold
  • Avant Garde
  • Calibri
  • Candara
  • Century Gothic
  • Franklin Gothic Medium
  • Futura
  • Geneva
  • Gill Sans
  • Helvetica
  • Impact
  • Lucida Grande
  • OptimaSegoe UI
  • Tahoma
  • Trebuchet MS
  • Verdana
• Serif :
  • Big Caslon
  • Bodoni MT
  • Book Antiqua
  • Calisto MT
  • Cambria
  • Didot
  • Garamond
  • Georgia
  • Goudy Old Style
  • Hoefler Text
  • Lucida Bright
  • Palatino
  • Perpetua
  • Rockwell
  • Rockwell Extra Bold
  • Baskerville
  • Times New Roman
• Monospacées :
  • Consolas
  • Courier New
  • Lucida Console
  • Lucida Sans Typewriter
  • Monaco
  • Andale Mono
• Fantasy :
  • Copperplate
  • Papyrus
• Script :
  
  • Brush Script MT

À ces polices s’ajoutent les polices personnalisées, avec leurs polices de secours correspondantes :

/* Bitter */
font-family: 'Bitter', Georgia, Times, 'Times New Roman', serif;

/* Comic Sans MS */
font-family: 'Comic Sans MS', 'Comic Neue', cursive;

/* Droid Serif */
font-family: 'Droid Serif', Georgia, Times, 'Times New Roman', serif;

/* Inter */
font-family: 'Inter', Arial, 'Helvetica Neue', Helvetica, sans-serif;

/* Montserrat */
font-family: 'Montserrat', 'Trebuchet MS', Tahoma, sans-serif;

/* MS Serif */
font-family: 'Microsoft Sans Serif', Georgia, serif;

/* New York */
font-family: 'New York Line', Arial, 'Helvetica Neue', Helvetica, sans-serif;

/* Open Sans */
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

/* Palatino Linotype */
font-family: 'Palatino Linotype', Palatino, 'Palatino LT STD', 'Book Antiqua', Georgia, serif;

/* Poppins */
font-family: 'Poppins', Arial, 'Helvetica Neue', Helvetica, sans-serif;

/* Roboto */
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;

 

2.2. Comment les polices personnalisées sont servies dans Connectif

Si vous choisissez d’afficher un texte avec une police personnalisée dans un email de Connectif, seuls les contacts utilisant des clients de messagerie ayant cette police installée pourront la voir. Les autres verront la police de secours.

2.3. Recommandations et bonnes pratiques pour l’utilisation des polices disponibles dans les emails

Voici quelques recommandations pour la création d’emails et l’utilisation des différentes polices disponibles dans Connectif :

• Utilisez des polices sûres pour le web autant que possible : Pour garantir la meilleure compatibilité sur tous les appareils et clients de messagerie, privilégiez les polices sûres pour le web.

• Testez sur différents clients : Avant d’envoyer une campagne d’email, effectuez des tests sur plusieurs clients de messagerie et appareils pour vous assurer que les polices s’affichent correctement dans tous les cas.
• Optimisez pour les appareils mobiles : De nombreux emails sont ouverts sur mobile, il est donc essentiel que les polices soient lisibles sur les petits écrans. Les polices sans-serif comme Arial et Helvetica fonctionnent généralement bien dans ces cas.
• Contraste et lisibilité : Assurez-vous que les polices choisies contrastent bien avec l’arrière-plan de l’email pour garantir une lecture optimale.

 

---

Continuez à apprendre !

Pour tirer pleinement parti de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :

• Éditeur d’emails, pour apprendre à composer vos emails avec Connectif.

• Créer un bloc de produits personnalisés dans un email, pour envoyer à vos clients des produits correspondant à leurs intérêts.

• Liens dans les emails : voir dans le navigateur, se désabonner et boutons, pour configurer des liens prédéfinis.
• Campagne hebdomadaire de produits recommandés, pour planifier des envois automatiques avec des articles suggérés pour vos clients.