Comment trouver et utiliser des polices prises en charge par e-mail pour la conception et la lisibilité

Avez-vous déjà créé un e-mail au hasard et choisi la première police que vous avez vue ? Appuyez sur envoyer. Appelez-le bon d'aller?

En ce qui concerne la conception des e-mails, votre choix de police peut faire une énorme différence entre un abonné qui clique ou passe à autre chose. Non seulement ils contribuent à rendre votre e-mail plus attrayant visuellement, mais ils peuvent également améliorer la lisibilité globale. L'apparence, la disposition et le style fonctionnent tous ensemble pour créer une typographie unique, c'est là que votre e-mail peut briller.

Bien qu'il n'y ait rien de mal à utiliser des polices traditionnelles, comme Arial ou Times New Roman, pour communiquer votre message, il existe de nombreuses polices uniques prises en charge par e-mail qui feront passer vos campagnes au niveau supérieur.

Si vous vous demandez comment trouver et utiliser des polices Web prises en charge par e-mail pour lancer votre campagne par e-mail à la vitesse supérieure, nous sommes là pour vous ! Voyons comment vous pouvez améliorer votre engagement et votre lisibilité en utilisant correctement les polices Web.

Que sont les polices Web ?

Avant de commencer à faire preuve de créativité, vous devez connaître la différence entre les polices Web et les polices Web sécurisées.

• Polices sécurisées pour le Web : ces polices sont plus susceptibles d'être trouvées dans tous les principaux systèmes d'exploitation et fournisseurs de messagerie, notamment Arial, Verdana, Georgia, Times New Roman et Courier. Les marques continuent de les utiliser car elles sont classiques et s'afficheront correctement dans tous les domaines.

• Polices Web : spécialement conçues et concédées sous licence pour les sites Web, les polices Web ne se trouvent pas sur tous les appareils et systèmes d'exploitation par défaut. Les polices Web incluent Roboto et Open Sans.

Bien qu'il soit parfois nécessaire d'utiliser des polices traditionnelles, les polices Web permettent au concepteur plus de créativité pour aider à transmettre le message et l'esthétique de la marque sans se limiter au texte préinstallé.

Pourquoi les polices prises en charge par e-mail sont-elles importantes ?

En tant que spécialiste du marketing par e-mail, vous savez qu'il est important de rester fidèle à la marque avec style, couleurs et typographie. Cependant, vous devez également créer un message engageant qui résonne avec vos abonnés. Les polices prises en charge par e-mail agissent comme une extension de votre marque, vous permettant d'utiliser du texte dans le titre, le corps et la superposition d'images pour concevoir votre message de manière créative et accessible.

Si votre marque est un peu maladroite, vous pouvez aller plus loin et utiliser un type amusant et élégant. Cependant, si vous êtes plus digne d'intérêt, vous voudrez peut-être vous en tenir à quelque chose de plus standard. Les polices Web vous offrent cette flexibilité et cette créativité.

Où pouvez-vous trouver des polices Web ?

Bien qu'il existe de nombreux fournisseurs de polices Web, vous voulez vous assurer que l'entreprise autorise les polices Web dans les e-mails (pas seulement pour les sites Web ou l'utilisation mobile) et que vous suivez leurs directives de distribution. Les fournisseurs de polices pris en charge par e-mail recommandés incluent :

• Polices Google

• Typekit par Adobe

• Mes polices

• Type commercial

• Police Printemps

• Boutique de polices

Quels clients de messagerie prennent en charge les polices Web ?

Lorsque vous allez au-delà des polices sécurisées pour le Web, vous utilisez des polices qui sont téléchargées au fur et à mesure que les messages sont ouverts. Il est important de noter que tous les appareils ne prennent pas en charge des polices spécifiques. Vous allez donc configurer des feuilles de style en cascade pour créer des « piles de polices ». Ces piles de polices sont utilisées comme sauvegardes au cas où la police sélectionnée ne s'intégrerait pas.

Une fois que vous avez choisi vos polices Web, il est important de prendre en compte la manière dont le fournisseur de services de messagerie réel s'affichera. Généralement, ces clients de messagerie offrent une prise en charge des polices Web :

• Messagerie iOS

• Courrier Apple

• Android (client de messagerie par défaut)

• Outlook 2000

• Outlook.com

• Oiseau-tonnerre

Si un fournisseur de messagerie n'affiche pas les polices Web, tout n'est pas perdu, c'est pourquoi vous configurez ces piles de polices pratiques en tant que sauvegarde. Les piles de polices garantiront que votre e-mail a toujours une esthétique similaire à celle que vous aviez initialement prévue. De plus, chaque client de messagerie a une police par défaut que les abonnés verront à la place de votre police Web. Les valeurs par défaut incluent :

• Gmail : Arial

• Apple Mail : Helvética

• Microsoft Outlook : Calibri

Comment choisir les bonnes polices Web pour votre campagne d'e-mailing

Maintenant que vous comprenez les bases des polices Web, il est temps de découvrir les meilleures façons de choisir la bonne typographie pour vos campagnes par e-mail. Les polices prises en charge par e-mail sont essentielles pour diffuser votre message et avoir la possibilité d'augmenter les taux de clics et les taux de conversion.

Pensez-y de cette façon : les humains sont visuels. Combien de fois avez-vous ramassé un produit à l'épicerie simplement à cause de son emballage amusant aux couleurs vives ? Il en va de même pour les e-mails. Vos abonnés sont plus susceptibles d'ouvrir, de cliquer et d'acheter à partir de vos e-mails si non seulement le contenu les intéresse, mais s'il est également présenté dans un design visuellement attrayant.

Avec des centaines de polices Web différentes parmi lesquelles choisir, voici trois façons d'affiner vos sélections pour choisir la meilleure police prise en charge par e-mail pour vos campagnes.

1. Sélectionnez la bonne police de corps.

Votre police corporelle doit être reconnaissable et accessible à la lecture pour les personnes ayant une déficience visuelle. Si vous avez plus de contenu dans le corps, il est recommandé d'utiliser une police serif, comme Georgia et Verdana, qui contient du texte avec des blocs plus longs.

Alors qu'Arial et Helvetica étaient autrefois les choix populaires, les lettres comme p, b, q et d semblent toutes trop uniformes et sont plus difficiles à distinguer. Avec une police serif, des traits supplémentaires sont ajoutés pour donner plus de caractère aux lettres. Étant donné que les e-mails doivent pouvoir être scannés, les lettres larges et à espacement constant aident les abonnés à lire rapidement.

Source : W3Schools

Prenons cet exemple CAVA Dips, qui utilise une police de corps serif facile à lire, associée à un titre et un appel à l'action plus stylisés.

Source : Vraiment de bons e-mails

Bien que serif soit idéal pour les e-mails plus longs, l'utilisation d'une police sans serif reste lisible et acceptable. Avec une seule ligne de corps de texte, Cater 2 Me a réussi la conception de sa police Web. Il emballe un coup de poing et va droit au but sans être gênant.

Source : Vraiment de bons e-mails

2. Utilisez un en-tête stylisé avec une police de corps appariée.

Bien que cela puisse sembler plus «simple», l'utilisation de la même police pour votre en-tête et votre corps aidera à établir une meilleure identité de marque et à garantir que l'intégralité du message apparaîtra dans le client de messagerie. Lors du développement de votre e-mail, assurez-vous que l'en-tête et le corps sont de tailles différentes et ont un rembourrage et un style différents pour mieux différencier les deux. Il est également important de noter que plus vous avez de polices Web, plus votre e-mail mettra du temps à se charger, ce qui est un autre avantage d'utiliser une seule police.

Prenez cet exemple de Lululemon. La société utilise des en-têtes qui sont 2x le corps du texte avec un rembourrage suffisant entre les deux. Les abonnés peuvent facilement différencier les deux éléments tout en créant un design épuré et classique.

Source : Vraiment de bons e-mails

Cependant, si vous souhaitez être plus créatif, associer différentes polices qui se complètent peut vous aider à vous démarquer dans la boîte de réception et à maintenir l'engagement des abonnés. Il est recommandé de n'utiliser que deux polices Web par e-mail, mais cela peut être délicat car vous ne voulez pas que les polices soient illisibles et inaccessibles. Si vous cherchez un moyen de découvrir des polices comparables, vous pouvez utiliser Font Pair pour vous aider à trouver les associations de polices les plus impactantes pour la conception de votre e-mail.

Tattly fait un excellent travail en associant deux polices différentes tout en restant fidèle aux normes de leur marque. Le titre attire immédiatement votre attention et attire vos yeux sur le corps pour voir ce que la vente implique. En raison de l'imagerie, vous pouvez dire que cette marque est plus légère, donc les multiples polices fonctionnent.

Source : Vraiment de bons e-mails

3. Créez une structure de police cohérente.

Une fois vos polices Web sélectionnées, vous devez prendre en compte de nombreux autres éléments, tels que la taille de la police, l'espacement, les liens et les boutons, les couleurs, etc. Ces fonctionnalités vous aideront à maintenir la cohérence de vos e-mails, quelle que soit l'étape du parcours client de vos abonnés.

• Police : pour le corps du texte, votre police doit être de 14 px sur le bureau et de 16 px sur les appareils mobiles. Lorsque vous utilisez une conception réactive, vérifiez que vos polices prises en charge par e-mail fluctueront automatiquement entre les tailles d'écran.

• Espacement : en particulier entre votre en-tête et le corps du texte, assurez-vous d'avoir une hauteur de ligne large comprise entre 22 px et 24 px. Les espaces trop étroits peuvent réduire la lisibilité et l'engagement.

• Liens et boutons : lors de la création de liens et de boutons, n'utilisez pas de police distincte pour souligner votre phrase cible et vérifiez si elle inclut le lien d'ancrage. Les boutons sont un excellent moyen stylisé d'attirer l'attention sur votre appel à l'action.

• Couleurs : n'utilisez que trois couleurs qui s'identifient aux normes de votre marque : une couleur pour votre en-tête, une pour votre corps et la dernière pour vos liens.

Emballer

Si vous envisagez d'utiliser des polices Web dans vos campagnes par e-mail, nous vous disons d'y aller ! Les polices Web sont un excellent moyen de captiver votre public et de transformer vos prospects en clients grâce à une conception d'e-mail percutante. Lorsque vous choisissez vos polices prises en charge par e-mail, assurez-vous de :

• Créer des piles de polices de secours

• Utiliser un style de police serif

• Associer le texte de l'en-tête au corps du texte

• Développer une structure de polices cohérente pour toutes les futures campagnes

Êtes-vous prêt à commencer à concevoir vos propres campagnes par e-mail avec des polices Web ? Emma propose à la fois un éditeur par glisser-déposer et la possibilité de coder complètement les e-mails à partir de zéro. Essayez une démo aujourd'hui pour en savoir plus !