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;