La plupart des entreprises solidement établies ont déjà pleinement intégré les diverses opportunités offertes par le marketing par e-mail, allant des newsletters aux répondeurs automatiques. Cette approche continue de fournir un moyen puissant de rester en contact avec les clients, même après qu’ils aient visité votre site web. Cependant, la clé réside dans la présentation du contenu des e-mails, avec le choix judicieux des polices de caractères en tant qu’élément essentiel pour capter l’attention et inciter à la lecture.
Le design joue un rôle crucial dans cette dynamique, mais le choix des polices de caractères est particulièrement essentiel. Les polices adaptées aux e-mails facilitent la lecture du contenu, augmentant ainsi les chances d’une conversion réussie.
Sommaire
Qu’est-ce qu’une police de caractères adaptée aux e-mails ?
L’utilisation de polices fantaisistes peut sembler tentante pour créer une impression mémorable, mais elles ne s’affichent pas toujours correctement sur tous les clients de messagerie. Les polices spéciales non prises en charge peuvent entraîner l’utilisation de polices de secours, compromettant la cohérence du ton souhaité ou, pire encore, obscurcissant la lisibilité du contenu.
Il est donc fortement recommandé de privilégier des polices de caractères adaptées pour garantir l’efficacité du contenu marketing par e-mail. Les détails sur les meilleures options seront abordés dans un instant. Avant cela, explorons brièvement l’impact significatif qu’un choix judicieux de police peut avoir sur le taux de conversion.
Comment des polices adaptées peuvent améliorer les conversions
La plupart des individus consacrent seulement 11 secondes à la lecture de leurs e-mails. Ainsi, les polices choisies doivent être facilement lues, offrant une compréhension rapide. Opter pour des polices standard bien connues est souvent la meilleure approche, car elles assurent un confort visuel immédiat. Bien que cela puisse sembler moins créatif, l’alternative, qui consiste à utiliser des polices élaborées, peut entraîner une perte de temps, les gens mettant le double du temps pour lire des polices complexes.
La sélection de la taille de la police est tout aussi cruciale pour l’impact sur les conversions. Des recherches menées par le Click Laboratory ont démontré qu’une légère augmentation de la taille de la police, accompagnée d’un espacement supplémentaire entre les lignes de texte, pouvait avoir un impact significatif sur le taux de conversion. Par exemple, passer d’une police Arial de 10 à 13 points, avec un espacement accru, a réduit le taux de rebond de 10 % et augmenté le taux de conversion de 133 %.
Il existe également une dimension psychologique dans le choix des polices. Bien que cela soit souvent associé aux logos, cela reste pertinent pour la sélection des polices d’e-mails. Certains types de polices évoquent des émotions distinctes, selon Crazy Egg, avec les polices à empattements (comme Times New Roman) suggérant respectabilité, fiabilité et tradition, tandis que les polices sans empattement (comme Helvetica) donnent une impression de modernité, de propreté et de simplicité, évoquant également une image corporative.
Polices contemporaines
Des exemples comprennent Futura et Century Gothic. Ces polices modernes peuvent offrir une esthétique élégante, chic ou transmettre une impression de puissance. Le logo de Hulu illustre bien l’utilisation réussie d’une police moderne.
Polices de script
Des exemples comprennent Edwardian Script et Bickham Script. Bien que les polices de script ne soient pas toujours recommandées pour les e-mails en raison de leur lisibilité, elles peuvent avoir un impact positif lorsqu’elles sont utilisées dans des logos ou des éléments graphiques. L’exemple emblématique est le logo de Coca-Cola.
Polices d’affichage
Des exemples comprennent Cooper et Valencia. Les polices d’affichage sont associées à des sentiments tels que l’individualité, l’unicité, la convivialité ou l’expressivité. Bien qu’elles ne soient peut-être pas idéales pour le corps du texte des e-mails, elles peuvent être efficaces pour les logos et les en-têtes. Disney est un exemple célèbre utilisant une police d’affichage dans son logo.
Gardez ces informations à l’esprit pour choisir judicieusement les polices dans le contexte des e-mails.
Comment choisir les meilleures polices de caractères pour les e-mails
Vous êtes désormais familiarisé avec les cinq types de polices de base, chacun évoquant des émotions distinctes. Cependant, comprendre le choix de la police de Coca-Cola ne suffit pas. Découvrons comment sélectionner la police idéale pour vos newsletters.
Qualités essentielles des polices pour les e-mails
Lisibilité
La lisibilité demeure la qualité primordiale. Si votre police n’est pas lisible, vos e-mails passeront inaperçus, compromettant ainsi les conversions.
Clarté
Optez pour des polices propres et nettes, avec des lignes précises. Évitez les fioritures et les traits fins. Une taille de police légèrement supérieure à la normale, un poids approprié et un espacement de 1,15 ligne sont préconisés.
Psychologiquement approprié
Associez les sentiments spécifiques liés aux types de polices avec l’ambiance que vous souhaitez créer. Par exemple, une apparence fiable ou une autorité peut être bénéfique pour la vente.
Appropriation de la marque
La police doit être adaptée à votre industrie. Une entreprise évoquant l’ancienneté ne devrait pas utiliser une police ultra-moderne, et une entreprise technologique éviterait une police trop rustique. La cohérence avec votre identité de marque est essentielle.
Polices de caractères adaptées aux e-mails : Les basiques
Arial
Créée en 1982 par Patricia Saunders et Robin Nicholas, Arial est largement utilisée et reconnue. Bien qu’initialement conçue pour les imprimantes laser IBM, elle est devenue l’une des polices préférées des internautes.
Verdana
Développée par Matthew Carter, Verdana est spécifiquement conçue pour l’affichage à l’écran. Elle se distingue par des caractères larges et un espacement généreux entre chaque caractère, améliorant ainsi la lisibilité sur les écrans. C’est un choix basique pris en charge par la plupart des clients de messagerie.
Polices de caractères adaptées aux e-mails : Les classiques
Helvetica
Helvetica est l’une des polices les plus populaires, reconnue pour sa lisibilité et sa facilité de lecture. Elle est largement prise en charge par les programmes de traitement de texte, les clients de messagerie et les navigateurs web.
Georgia
Fréquemment prise en charge dans les clients de messagerie, Georgia est une police intrinsèquement lisible. Ses lettres largement espacées et ses designs distincts évitent toute confusion, offrant également une bonne différence entre les poids normaux et gras.
Tahoma
Tahoma, populaire sur les systèmes d’exploitation Windows, est appréciée pour son affichage à l’écran, offrant clarté et lisibilité même avec des tailles de police réduites. Cette police sans empattement a été créée par Matthew Carter.
Lucida
Lucida, une famille de polices sans empattement, privilégie les lignes nettes, un style clair et des formes de lettres distinctes. Son espacement des lettres plus large et une hauteur de caractère accrue améliorent la lisibilité.
Trebuchet
Créée par Vincent Connare en 1996, Trebuchet est une police sans empattement conçue pour la lecture à l’écran. Elle se distingue par une plus grande hauteur de ligne, des bords arrondis et un espacement des caractères plus important.
Times New Roman
Traditionnelle et souvent utilisée par défaut dans les programmes de traitement de texte, Times New Roman a un aspect classique et est lisible à l’écran ainsi qu’à l’impression.
Polices d’e-mails personnalisées : Une touche distinctive
Si les polices standard ne suffisent pas, les polices web offrent une option personnalisée pour créer une apparence distinctive dans vos e-mails. Cependant, il est crucial de comprendre comment fonctionnent les polices web et de considérer leur compatibilité avec les différents clients de messagerie.
Fonctionnement des polices web
Les polices web existent exclusivement en ligne et ne sont pas intégrées aux systèmes d’exploitation, appareils ou logiciels. Elles sont ajoutées aux projets par des extraits de code ou des extensions, principalement utilisées sur les sites web. Certains clients de messagerie électronique prennent en charge les polices web, tels que Android Mail, Apple Mail, iOS Mail, Outlook 2000, Outlook.com App, Thunderbird, etc.
Compatibilité et options de secours
La prise en charge des polices web varie entre les clients de messagerie, nécessitant parfois un simple lien ou un extrait de code. En cas d’échec du chargement de la police web, la plupart des clients proposent une option de secours avec une police générique. Il est essentiel de tester les polices web sur différentes plateformes pour garantir une apparence cohérente.
Services de marketing par e-mail avec prise en charge des polices web
Certains services de marketing par e-mail, comme Campaign Monitor, intègrent des options de polices web dans leurs générateurs d’e-mails, simplifiant ainsi le processus. Ces services incluent souvent des options de secours pour garantir une lisibilité constante.
Ajouter des polices web à vos e-mails : méthodes et extraits de code
Si votre plateforme de marketing par e-mail ne prend pas en charge nativement les polices web, vous pouvez les ajouter via du code HTML. Plusieurs extraits de code sont disponibles pour incorporer des polices web dans vos e-mails :
<link>
L’utilisation de `<link>` est une option populaire pour ajouter des polices web. Vous définirez l’URL de la police, soit en l’hébergeant vous-même, soit en utilisant l’URL fournie par le vendeur de polices web. Placez cet extrait de code dans la section `<head>` de votre e-mail. Bien que cette méthode soit largement supportée, des problèmes peuvent survenir avec des fichiers de polices plus importants.
Exemple avec Google Fonts :
@import
Une autre méthode consiste à utiliser `@import`, simple et compatible avec la plupart des clients de messagerie. Insérez cet extrait dans la section `<head>` de votre e-mail. Notez que certaines anciennes versions d’Android peuvent rencontrer des problèmes avec cette méthode.
Exemple avec Google Fonts :
@font-face
La règle `@font-face` permet de télécharger et d’héberger une police pour une utilisation dans vos e-mails. Ajoutez ce code dans la section `<head>` du HTML de votre e-mail. Par exemple, pour la police Open Sans :
@font-face{
font-family:"Open Sans";
src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff")format("woff");
}
Cette méthode télécharge la police à la volée pour une utilisation dans vos e-mails, offrant une personnalisation accrue. Veillez à utiliser l’URL appropriée fournie par votre service de polices web ou votre propre serveur si vous hébergez la police.
En choisissant la méthode adaptée à votre situation, vous pouvez intégrer des polices web et apporter une touche distinctive à vos e-mails. Assurez-vous de tester la compatibilité sur différentes plateformes pour une expérience utilisateur optimale.
Spécifier des polices web alternatives avec @font-face
Si vous souhaitez assurer la continuité de l’apparence de votre texte, même en cas de problème de téléchargement de la police web, vous pouvez spécifier une police locale de secours en utilisant `@font-face`. Voici comment le faire :
@font-face{
font-family:"Open Sans";
src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff")format("woff");
local("Helvetica")
}
Dans cet exemple, `YourPreferredFont` est la police web que vous souhaitez utiliser, et `FallbackFont` est la police locale de secours. Le navigateur tentera de télécharger la première police, et si cela échoue, il utilisera la police locale de secours.
Où trouver des polices web
Il existe plusieurs sources en ligne pour trouver des polices web, chacune ayant ses propres conditions de licence. Voici quelques endroits où vous pouvez obtenir des polices web :
Google Fonts : Une bibliothèque de polices open source avec plus de 1 020 familles de polices.
Fonts.com : Une ressource proposant plus de 150 000 polices pour diverses utilisations.
Typography.com : Vitrine pour H&Co, proposant 1 500 polices pour le web et l’impression.
Font Squirrel : Une sélection entièrement gratuite de polices pouvant être utilisées à des fins commerciales.
Adobe Fonts : Propose des milliers de polices avec un abonnement Creative Cloud.
Fontspring : Site où vous pouvez acheter des polices web avec des licences généralement illimitées.
MyFonts : Une entreprise appartenant à Monotype avec de nombreuses polices pour l’impression et le web.
Village : Un collectif de plusieurs fonderies vendant leurs polices de manière indépendante.
Process Type Foundry : Petite entreprise fondée en 2002 vendant ses propres polices.
FontShop : Une autre vitrine de Monotype où vous pouvez naviguer et acheter des polices pour le web.
Sélection de polices web de haute qualité et facilement lisibles pour améliorer vos e-mails
L’utilisation de polices web appropriées est cruciale pour rehausser la présentation de vos e-mails. Ci-dessous, découvrez des exemples de polices web recommandées, chacune présentant des caractéristiques distinctives. Intégrez ces polices à vos communications électroniques en suivant les méthodes mentionnées précédemment.
Open Sans
Une police sans empattement, conçue par Steve Matteson, offrant une excellente lisibilité sur les écrans grâce à des formes ouvertes assurant une belle apparence à toutes les tailles de texte.
Roboto
Une police web de haute qualité au design géométrique avec des courbes ouvertes. Roboto maintient une largeur naturelle pour chaque lettre, se distinguant des polices grotesques plus rigides.
Raleway
Une autre option sans empattement, Raleway, propose des lignes plus fines et un aspect élégant. Initialement conçue par Matt McInerney, elle a été étendue par Pablo Impallari et Rodrigo Fuenzalida.
Century Gothic
Cette police web classique est une version modernisée des polices des années 20 et 30. Elle offre un aspect intemporel et assure une lisibilité optimale sur les écrans, compatible avec tous les navigateurs.
Proxima Nova
Une version révisée de la police Proxima Sans, créée en 1994. Proxima Nova présente une légère géométrie tout en conservant un aspect naturel, en faisant un excellent choix pour vos e-mails.
Quasimoda
Une police web élégante et universelle créée par Lettersoup à Berlin en 2014. Quasimoda est facile à lire et peut apporter une touche d’élégance à vos communications.
PT Sans Pro
Cette police web propose des formes de lettres arrondies et un aspect naturel. Conçue par Paratype, elle répond à des critères esthétiques tout en assurant une lisibilité optimale.
Brandon Grotesque
Créée par HVD Fonts, cette police web professionnelle et élégante, conçue par Hannes von Döhren, convient à diverses applications grâce à sa lisibilité et son design épuré.
Sofia Pro
Une police sans empattement conçue par Mostardesign en 2008, alliant modernité et formes arrondies équilibrées. Sofia Pro offre un design harmonieux et géométrique.
Museo Sans
Une version plus récente de la célèbre police Museo, Museo Sans, créée par Exljbris en 2008. Son design géométrique sans empattement la rend lisible et polyvalente, idéale pour les titres et les textes dans les e-mails.
Remarques sur l’utilisation d’images par rapport au texte dans les e-mails
L’incorporation d’images, telles qu’une affiche ou même une capture d’écran d’un texte stylisé, peut être une solution pour contourner les limitations liées aux polices de caractères dans les e-mails. Cependant, cela soulève des problèmes potentiels, car les images dans les e-mails ne sont pas toujours affichées correctement sur tous les écrans, et les lecteurs d’écran peuvent ne pas interpréter le contenu sans texte alternatif.
Lorsque vous optez pour des images dans vos e-mails, veillez à les utiliser pour enrichir le contenu du message, plutôt que de les utiliser comme le principal vecteur d’informations. Par exemple, si vous souhaitez annoncer une promotion spéciale sur votre site web, évitez simplement d’inclure une image de votre affiche promotionnelle avec les détails du produit et de considérer cela comme suffisant.
Au minimum, assurez-vous d’inclure le texte de l’image sous forme de texte brut. Mieux encore, privilégiez l’utilisation de texte adapté aux e-mails et réservez les images à un intérêt visuel occasionnel.
La seule exception où l’utilisation du texte en tant qu’image pourrait être appropriée est peut-être un logo, où le nom de la société ou de la marque est déjà clairement défini. Cependant, même dans ce cas, la clarté et l’accessibilité restent des priorités importantes.
Conclusion
Le choix de la police dans les e-mails destinés aux prospects et clients ne doit pas être pris à la légère, car une mauvaise sélection peut sérieusement compromettre le taux de conversion. Il est crucial d’opter pour des polices adaptées à l’e-mail, capables de faire bonne impression et assurant une lisibilité optimale.
Cet article examine les différents types de polices disponibles et explore leur impact psychologique. Des exemples de polices largement prises en charge par les clients de messagerie sont présentés, ainsi que des informations sur l’utilisation de polices web sur votre site, avec des ressources et des exemples concrets pour vous orienter.
