Retour au menu principal

Améliorer le design de vos emails

Configurer les polices de secours

Il existe deux types de polices différents disponibles pour les designers : les polices de secours et les polices web. Pour les polices de secours, pensez à Arial, Times New Roman, Verdana ou Georgia. Il s’agit des polices par défaut que l'on trouve sur la majorité des systèmes d’exploitation et appareils. Les polices web ne sont pas dans cette catégorie par défaut et, si elles sont présentes sur quelques appareils ou systèmes d'exploitation, ne sont pas la norme. Quelques polices web connues sont Open Sans et Roboto.

Même si les polices web ouvrent différentes possibilités de conception pour les designers, les équipes marketing doivent faire preuve de prudence car, malheureusement, tous les services de messagerie ne prennent pas en charge les polices web. C’est pourquoi, lorsque vous utilisez des polices web, il est essentiel de mettre en place une police de secours dans le cas où les polices web choisies ne seraient pas prises en charge. Considérez cela comme une liste hiérarchisée de polices préférées. Si un client de messagerie ne peut pas utiliser à votre choix numéro un, il optera pour le suivant sur votre liste. 

Comment mettre en place des polices de secours

Assurez-vous d’utiliser un service d’emailing qui offre la possibilité de coder vos emails et de configurer vos polices de secours :

  • Par exemple, si vous souhaitez utiliser Roboto dans votre campagne d’emailing, lorsqu’un destinataire ouvre votre email dans un service de messagerie qui ne prend pas en charge les polices web, une police différente sera utilisée à la place de Roboto, Arial par exemple. 

  • Si vous codez vos emails, vous pouvez sélectionner vos propres polices de secours pour conserver au mieux le design souhaité. Cependant, si vous ne configurez pas de solutions de secours, le service de messagerie utilisera sa police par défaut (Arial dans notre exemple). 

  • Et si par exemple vous souhaitez configurer votre email pour définir Helvetica comme solution de secours au lieu d’Arial, vous pouvez utiliser le code suivant dans votre CSS : font-family: "Roboto", Helvetica, Arial, sans-serif;

Résultats

La mise en place de polices de secours vous permettra de vous assurer que le rendu de vos emails sera proche de ce que vous souhaitez, même si ce n'est pas votre premier choix.

Difficulté

Avancé

Astuce

En 2018, Gmail a publié une interface mise à jour pour son service de messagerie web à l’aide de deux polices web populaires : Google Sans et Roboto. Ainsi, bien que Gmail ne prenne pas en charge les polices web, si vous utilisez l’une ou l’autre de ces polices web dans vos emails, elles s'afficheront dans Gmail.

Vous pourriez aussi aimer

composants-email

Design

Créer des librairies de composants d'email

En savoir plus

accessibilite-emails

Design

Optimiser l’accessibilité des emails

En savoir plus

modeles-emails-responsive-design

Taux de clics

Maîtriser le design d’emails responsifs

En savoir plus

Vous voulez en savoir plus sur la façon dont vous pouvez appliquer ces stratégies de croissance à votre entreprise ? 

CTA icon