Vous apprendrez
Découvrez les possibilités et les limites de l'utilisation des polices de caractères en ligne et apprenez à envoyer des e-mails qui correspondent à votre marque.
Apprenez à utiliser des polices personnalisées.
Comment fonctionnent les polices de caractères
Les polices de caractères sont des représentations du texte et peuvent être utilisées dans les médias imprimés ou en ligne. Vous connaissez certainement certaines des polices les plus courantes, comme Arial ou Times New Roman, mais il existe des milliers d'autres polices que vous pouvez utiliser pour communiquer et représenter votre marque.
Avec les médias en ligne (comme les sites web ou les e-mails), vos options de polices de caractères sont presque illimitées. Cependant, lorsque vous partagez votre création avec quelqu'un d'autre, il se peut qu'elle ne soit pas exactement identique, car tous les appareils n'ont pas accès aux mêmes polices.
Un appareil peut accéder à une police et l'utiliser de deux manières principales : les polices système (c'est-à-dire les polices stockées sur l'appareil que vous utilisez) et les polices web (c'est-à-dire les polices chargées à partir d'un serveur externe).
À propos des polices systèmeÀ propos des polices système
Les ordinateurs et les téléphones sont préchargés avec un grand nombre de polices de caractères. Certaines polices sont couramment installées (la plupart des appareils sont livrés avec Georgia et Verdana, par exemple), mais les appareils peuvent varier considérablement en ce qui concerne les polices incluses par défaut. Les polices utilisées par la plupart des appareils sont appelées polices "web-safe".
A propos des polices de caractères webA propos des polices de caractères web
Contrairement aux polices sécurisées pour le web, les polices web sont chargées à partir d'un serveur externe en même temps que le contenu que vous visualisez. Les polices personnalisées sont généralement des polices web. Si vous utilisez une police Web, vous devez également définir une police de secours sûre pour le Web, au cas où un appareil particulier ne serait pas en mesure de charger votre police Web.
À propos des polices de remplacementÀ propos des polices de remplacement
Lorsque vous consultez un document en ligne, qu'il s'agisse d'une page web ou d'un courrier électronique, le CSS (code utilisé pour styliser le contenu en ligne) indique en coulisses à votre appareil la police à afficher. Si votre appareil ne peut pas accéder à la police, il vérifiera dans le CSS la présence d'une "police de secours" (une ou plusieurs polices sélectionnées par la personne qui a créé le site web ou le message électronique, à utiliser au cas où la police préférée ne serait pas disponible). Les polices de repli doivent être des polices sûres pour le web que la plupart des appareils peuvent utiliser. Elles vous permettent de mieux contrôler la façon dont votre message s'affiche lorsque quelqu'un le consulte sur un appareil qui ne prend pas en charge les polices personnalisées/web.
Si aucune police de secours n'est disponible, ou si la police de secours n'est pas prise en charge par l'appareil utilisé, l'appareil utilisera une police par défaut, comme Arial ou Times New Roman. Les polices par défaut varient considérablement d'un appareil à l'autre et d'une application à l'autre.
Comment les polices de caractères fonctionnent-elles dans le courrier électronique ?Comment les polices de caractères fonctionnent-elles dans le courrier électronique ?
Certains clients de messagerie prennent en charge les polices web, d'autres non. Lorsque quelqu'un ouvre votre courrier électronique dans une boîte de réception ou sur un appareil qui ne prend pas en charge les polices web, il verra une police par défaut utilisée à la place. Vous pouvez contrôler les polices système utilisées comme sauvegardes en définissant une police de secours.
Si quelqu'un ouvre votre courrier électronique sur un appareil qui prend en charge les polices web, il chargera la police à partir de l'URL fournie dans le CSS de votre courrier électronique. Si l'appareil est en mesure d'accéder à la police, il l'affichera ; dans le cas contraire, il passera aux polices de secours.
Les clients de messagerie suivants prennent en charge les polices web (personnalisées) :
- Apple Mail
- iOS Mail (le navigateur de messagerie par défaut sur iOS)
- Google Android (sauf Android 2.3, qui ne prend pas en charge la méthode
@importutilisée par les polices Google et Adobe) - Samsung Mail (Android 8.0)
- Outlook pour Mac
Notez que Gmail, l'un des plus grands clients de messagerie, ne prend généralement pas en charge les polices web. Il existe toutefois une exception : Gmail prend en charge Roboto.
Optimiser vos e-mailsOptimiser vos e-mails
La meilleure façon de garantir la cohérence de votre courrier électronique sur tous les appareils est d'utiliser une police de caractères compatible avec le web. Les polices par défaut de Klaviyo sont généralement sûres pour le web. Trouvez les polices de caractères fournies par Klaviyo dans :
- Contenu > Images & Marque > Actifs de la marque
- L'onglet Styles de vos e-mails
- La section Styles de tout bloc de courrier électronique contenant du texte
- L'onglet Styles de l'éditeur du formulaire d'inscription
Trois des polices fournies par Klaviyo ne sont pas prises en charge par certains appareils : Century Gothic, Tahoma et Apple Black. Ces polices ne sont pas préinstallées sur les appareils iOS (par exemple, les iPhones). Si vous utilisez ces polices, elles peuvent apparaître comme la police par défaut de la boîte de réception lorsqu'elle est consultée sur un appareil iOS.
Conseils pour l'utilisation de polices personnalisées
Si vous préférez utiliser une police personnalisée, faites preuve de créativité pour que vos e-mails soient bien conçus sur tous les appareils grâce aux conseils ci-dessous.
Utiliser des polices de secours
Sélectionnez une police de secours sûre pour le web qui corresponde le plus possible à votre police personnalisée. Vous pouvez sélectionner une police de secours parmi les polices par défaut de Klaviyo lors de la configuration de la police personnalisée.
Utiliser du texte dans les images
Alors qu'un courriel composé uniquement d'images peut nuire à votre capacité de diffusion, vous pouvez utiliser stratégiquement une combinaison de texte dans des images et de texte dans des blocs de texte pour créer un courriel qui correspond à votre marque. Choisissez une police personnalisée pour vos titres et vos appels à l'action (CTA), et associez-la à une police adaptée au web pour le corps du texte.
Utilisez des images contenant la police de votre marque pour le texte sélectionné et veillez à ajouter un texte alt lorsque vous ajoutez les images à votre courrier électronique. Appliquez ensuite la police adaptée au web au reste du texte de votre courrier électronique. Le résultat est un e-mail de marque qui correspond à votre site, tout en étant accessible pour les boîtes de réception de vos abonnés.
Faites un test complet
Quelle que soit la méthode choisie, testez soigneusement vos messages électroniques, en particulier lorsque vous utilisez un nouveau modèle. Envoyez l'e-mail à vous-même sur plusieurs appareils pour vous assurer que vous êtes satisfait de la façon dont il s'affiche sur chacun d'eux. Vous pouvez également utiliser des programmes de test de courrier électronique tels que Litmus ou Email on Acid pour tester un plus grand nombre d'appareils.
Ressources complémentaires