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. C'est bon d'y 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 qui passe. 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 compatibles avec les e-mails pour lancer votre campagne d'e-mails à 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 et incluent 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 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 le style, les couleurs et la typographie. Cependant, vous devez également créer un message engageant qui résonne auprès de 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 loufoque, vous pouvez voir grand 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 octroie des licences pour les polices Web dans les e-mails (pas seulement pour le site 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

• MesFonts

• 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 utiliserez des polices téléchargées au fur et à mesure de l'ouverture des messages. Il est important de noter que tous les appareils ne prennent pas en charge des polices spécifiques. Vous devrez 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 considérer comment le fournisseur de services de messagerie s'affichera. En règle générale, ces clients de messagerie offrent une prise en charge des polices Web :

• Courrier iOS

• Courrier Apple

• Android (client de messagerie par défaut)

• Perspectives 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 comme sauvegarde. Les piles de polices garantiront que votre courrier électronique a toujours une esthétique similaire à celle que vous souhaitiez à l'origine. 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 : Helvetica

• Microsoft Outlook : Calibri

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

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 les e-mails 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 acheté un produit à l'épicerie simplement à cause de son emballage amusant et 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 il est également livré 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 caractères.

La police de votre corps doit être reconnaissable et accessible à lire 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 être numérisables, les lettres larges et espacées de manière cohérente aident les abonnés à lire rapidement.

Source : W3Schools

Prenez cet exemple CAVA Dips, qui utilise une police de corps à empattement facile à lire, associée à un titre plus stylisé et à une incitation à l'action.

Source : de très bons e-mails

Bien que l'empattement soit idéal pour les e-mails plus longs, l'utilisation d'une police sans empattement est toujours lisible et acceptable. Avec une seule ligne de corps de texte, Cater 2 Me a réussi la conception de sa police Web. Il a du punch et va droit au but sans être distrayant.

Source : de très 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 de l'élaboration de votre e-mail, assurez-vous que l'en-tête et le corps sont de tailles différentes et ont un remplissage 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 le chargement de votre courrier électronique sera long, 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 remplissage 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 : de très bons e-mails

Cependant, si vous voulez ê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 à fidéliser les 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 appariements de polices les plus impactants 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 votre regard 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 polices multiples fonctionnent.

Source : de très 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 à garder vos e-mails cohérents, quelle que soit l'étape du parcours client dans laquelle se trouvent vos abonnés.

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

• Espacement : en particulier entre votre titre et le corps du texte, assurez-vous d'avoir une hauteur de ligne large comprise entre 22 px et 24 px. Des 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 incitation à 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 d'e-mails, nous vous disons d'y aller ! Les polices Web sont un excellent moyen de captiver votre public et d'aider à transformer vos prospects en clients grâce à une conception d'e-mail percutante. Lorsque vous choisissez vos polices compatibles avec les e-mails, assurez-vous de :

• Créer des piles de polices de sauvegarde

• Utiliser un style de police serif

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

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

Êtes-vous prêt à commencer à concevoir vos propres campagnes d'e-mails avec des polices Web ? Emma offre à 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 !