best-fonts-for-email-usage-tips-and-tricks
05 février

Meilleures polices de caractères pour email : Conseils d'utilisation et astuces

Créer des e-mails professionnels
Table des matières
  1. Polices de caractères pour l'email HTML : Règles générales à suivre
  2. Polices de caractères sûres pour l'email
  3. Quelle est la meilleure police de caractères à utiliser pour les lettres d'information par email ?
  4. Utilisation de polices personnalisées dans les emails
  5. Pratiques de conception des polices de caractères pour l'email
  6. Espacement des lignes pour les polices de caractères des emails
  7. Polices de caractères email texte sur bannières
  8. Couleur de la police de l'email
  9. Lignes directrices en matière d'accessibilité pour les polices de caractères et les textes des emails
  10. Conclusion
1.
Polices de caractères pour l'email HTML : Règles générales à suivre

L'une des préoccupations les plus frappantes dans le processus de conception d'un email est le choix de la bonne police de caractères. Poids, hauteur, largeur, couleur, forme, espacement... Tout est important ? Oui, mais l'une des choses les plus cruciales est de choisir une typographie lisible.

Dans ce post, nous allons vous montrer comment choisir la meilleure police professionnelle pour l'email.

Polices de caractères pour l'email HTML : Règles générales à suivre

Il y a trois règles de base à garder à l'esprit pour choisir les meilleures polices de caractères pour l'email :

1. N'utilisez pas plus de deux polices de caractères d'email à la fois

Il s'agit d'une pratique assez courante non seulement dans la conception d'emails, mais aussi dans la conception de sites web, etc. Si vous utilisez trop de polices, votre email semble très compliqué dans le meilleur des cas et ennuyeux dans le pire. La meilleure pratique consiste à ne choisir qu'une police ou deux pour un email. Dans le meilleur des cas, il suffit d'utiliser une seule typographie parfaite mais de tailles différentes : une pour mettre en valeur l'en-tête et une autre pour le reste du contenu.

2. Utiliser les styles de police avec précaution

Même s'il est tentant d'utiliser des styles de polices à tout bout de champ, il convient d'adopter une approche réfléchie. Chaque style doit être utilisé avec modération et dans des cas particuliers, par exemple :

  • le style gras est idéal pour mettre en évidence des phrases ou des mots-clés importants ;
  • le style italique est utilisé pour mettre en valeur les citations, les mots étrangers, les titres (livres, blogs, publications, etc.) ;
  • le soulignement est principalement utilisé pour les liens, car dans l'espace en ligne, il est difficile de distinguer un lien d'un texte souligné ordinaire, ce qui peut prêter à confusion.

Toutefois, l'utilisation de l'italique pour mettre en évidence des paragraphes entiers de texte ne sera pas seulement peu présentable, mais violera également les règles d'accessibilité. Il en va de même pour le soulignement. Par conséquent, nous vous recommandons vivement de ne pas souligner votre texte, mais d'utiliser le gras pour des raisons d'accessibilité des emails. Mais bien sûr, c'est vous qui décidez.

3. Respecter les exigences en matière d'accessibilité lors du choix des polices de caractères

L'accessibilité des emails est une grande tendance design de 2024, et les polices de caractères en font partie. L'accessibilité a ses propres exigences qu'il est essentiel de respecter. Nous parlerons des règles et exigences d'accessibilité des polices dans une section distincte, "Directives d'accessibilité pour les polices d'email".

4. Veillez à la lisibilité de la police de caractères choisie pour l'email

La lisibilité est la capacité à distinguer une lettre d'une autre. Il va de soi qu'un corps de texte lisible est plus agréable et plus rapide à lire.

Quelle est la typographie la plus lisible ? L'expérience sur la lisibilité des polices de caractères a été menée par Norbert Schwarz et Hyunjin Song en 2010. Les résultats sont impressionnants. On passe presque deux fois plus de temps à lire les polices italiques et les polices décoratives que les polices ordinaires.

Les meilleures polices de caractères pour les emails _ Test

Il en existe deux types principaux : Les polices avec et sans empattement. Voyons quelle police utiliser pour les newsletters par email.

Quelle police d'email choisir : une police avec ou sans empattement ?

Quelle est la différence entre les deux ?

Les polices avec empattement peuvent être définies comme des polices qui ont une petite ligne à la fin de chaque caractère. Les polices avec empattement les plus populaires sont Times New Roman et Georgia.

Les polices sans empattement n'ont pas de ligne décorative à la fin de chaque symbole. Les polices sans empattement les plus populaires sont Arial, Trebuchet MS et Helvetica.

Comparaison des polices à empattement

Au cours de l’enquête, j’ai trouvé plusieurs sources affirmant que les polices serif étaient les plus adaptées aux e-mails, mais je ne suis absolument pas d’accord. En partant du principe que les e-mails sont observés uniquement en ligne sur des écrans de bureau ou mobiles, les meilleures polices sont les polices sans empattement. Il est plus facile de lire les caractères sans empattement à l'écran.

Polices de caractères sûres pour l'email

Voici la liste des 10 meilleures polices de caractères que vous pouvez utiliser avec la garantie à 100% qu'elles s'afficheront dans les boîtes de réception des utilisateurs comme vous l'avez prévu :

1. Police de caractères Arial pour email

Cette police, conçue en 1982, est fournie avec toutes les versions de Microsoft, à partir de Windows 3 et Apple Mac OS X. Elle est affichée par tous les clients email. Grâce à ses coupes diagonales terminales, elle semble moins mécanique que d'autres polices sans empattement.

Police Arial pour les e-mails

2. Police de caractères Helvetica pour email

Un caractère sans empattement, l'une des polices de caractères les plus utilisées, avec des lettres arrondies et des capitales larges. Conçue en 1957.

Police Helvetica pour les e-mails

3. Police Times New Roman pour les emails

Cette police parfaite comporte des lettres basses hautes, légèrement condensées, des hampes et des descentes courtes. Commandée par "The Times" en 1931. C'est l'une des polices de caractères sans empattement préférées de nombreux internautes et concepteurs de sites web.

Police Times New Roman pour les e-mails

4. Police de caractères Verdana pour email

Il a été conçu pour être lisible sur des écrans à faible résolution. Sa principale caractéristique est la présence de caractères minuscules hauts et larges.

Police Verdana pour les e-mails

5. Police Courier/Courier New pour les emails

Courier a été conçu en 1955 et adapté pour être une police monospaciale. Courier New a des points et des virgules plus lourds que la Courier originale. Courier est la police moderne standard utilisée pour l'écriture de scénarios dans l'industrie cinématographique.

Courier et Courier New polices pour les e-mails

6. Police Tahoma pour email

Elle est similaire à Verdana, mais ses lettres sont plus étroites, ses compteurs sont petits et l'espacement entre les lettres est serré. Utilisée comme police d'écran par défaut pour les versions Windows 95, 2000 et XP.

Police Tahoma pour les e-mails

7. Police de caractères Georgia pour l'email

Les caractères minuscules sont plus épais que les caractères moyens et les chiffres se fondent parfaitement dans le texte en raison de leur taille similaire.

Police Georgia pour les e-mails

8. Police de caractères Palatino pour email

Cette police parfaite a été conçue à l'origine pour les en-têtes, les publicités et l'imprimerie. Plus large que les autres polices à empattement de style ancien, elle convient parfaitement à la conception de logos.

Police Palatino pour les e-mails

9. Police de caractères Trebuchet MS pour email

La queue de certaines lettres est raccourcie ; en gras, les lettres sont plus pointues qu'arrondies, et les points arrondis en majuscules et en minuscules. Publié en 1996.

Police Trebuchet MS pour les e-mails

10. Police de caractères de Genève pour l'email

Il s'agit d'une version remaniée de l'Helvetica. Sa principale distinction est qu'elle dispose d'un ensemble de ligatures de base.

Police de Genèva pour les e-mails

Ces polices adaptées aux emails sont réputées être les plus lisibles et l'une des meilleures polices pour la conception d'emails.

Où se procurer des polices de caractères sûres pour l'email ?

L'avantage des polices de caractères sécurisées pour l'email est que vous n'avez pas à vous soucier de les télécharger. Elles sont déjà prises en charge par le client email de chaque abonné.

Quelle est la meilleure police de caractères à utiliser pour les lettres d'information par email ?

La meilleure police de caractères n'existe pas. Elle dépend de la langue parlée. Par conséquent, nous osons dire que les préférences varient d'un pays à l'autre en raison des caractéristiques de la langue.

L'Helvetica est l'une polices les plus populaires, utilisée par 25 % des gens à des fins de conception. Times New Roman occupe la deuxième place.

Un autre exemple est la langue allemande. La police Verdana n'est pas recommandée pour les textes allemands car les guillemets finaux s'affichent à l'envers. Ce problème n'a été résolu que dans la police Verdana Pro.

Pour choisir la police sans serif la plus lisible, à votre avis, en fonction des caractéristiques de votre alphabet, vous pouvez tester toutes les polices sans serif comme nous l'avons fait.

J'ai créé un modèle d'email avec l'éditeur Stripo avec le même texte et la même taille de 18px pour chaque police avec empattement.

Choisir des polices d'email dans la liste pour vos futures campagnes

Utilisation de polices personnalisées dans les emails

Il arrive que vous souhaitiez ou deviez utiliser une police personnalisée pour vos emails, soit pour rester cohérent avec votre marque, soit pour donner à vos emails un aspect plus festif pour une occasion spéciale.

Nous tenons à vous rappeler que vous pouvez charger des polices de caractères personnalisées dans votre Stripo afin d'obtenir exactement ce dont vous avez besoin en termes de polices de caractères uniques pour vos campagnes d'emailing.

Comment ajouter et utiliser des polices personnalisées avec Stripo

Étant donné que certaines polices personnalisées, selon le client de messagerie, peuvent être rendues telles quelles ou remplacées par la police par défaut, nous vous recommandons vivement de prévisualiser ces emails dans plusieurs environnements. Vous pouvez le faire avec notre outil de test intégré. Pourquoi avez-vous besoin de faire cela ?

Voici les polices de caractères par défaut des clients email :

  • iCloud Mail utilise Helvetica comme police par défaut ;
  • Gmail adopte la police Arial ;
  • Microsoft Outlook des versions les plus anciennes utilise souvent la police Calibri ;

Pratiques de conception des polices de caractères pour l'email

Parlons des différentes pratiques de conception de polices d'email que vous devriez prendre en compte lorsque vous choisissez des polices pour vos emails.

La taille des polices de caractères de l'email est importante

Très souvent, les différentes polices ont des hauteurs de symbole différentes. Par conséquent, la même police, disons de 16 px, sera différente en fonction de la famille de polices choisie.

Polices de caractères sécurisées pour l'email _ Travailler sur la taille des polices de caractères pour l'email

Espacement des lignes pour les polices de caractères des emails

L'interligne est la distance verticale entre les lignes. Il est mesuré en pourcentage de la taille des lettres. 

Vous pouvez définir l'espacement souhaité pour vos emails juste dans les onglets et sections où vous venez de définir vos tailles.

Selon les directives sur l'accessibilité des emails, t le meilleur espacement des lignes varie entre 150% et 200%.

1-espacement des points

(Copie de l'email avec interligne simple)

1 et 6-Intervalle de points

(Copie de l'email avec un espacement de 150% entre les lignes)

Polices de caractères email texte sur bannières

C'est l'occasion d'utiliser une police festive, décorative ou manuscrite que vous ne devriez pas utiliser comme police de texte principale.

Étant donné que le texte au-dessus d'une bannière fait partie d'une image, le rendu sera le même pour tous les clients d'email. Et il est censé être suffisamment festif. Vous pouvez donc choisir n'importe quelle police.  

Sachez qu'il est préférable de choisir un style de police lisible.

Meilleures polices de courrier électronique _ Travailler sur des bannières

Notre équipe d'assistance a élaboré un guide complet sur l'ajout de texte sur les bannières, avec des instructions étape par étape. Consultez-le.

Couleur de la police de l'email

Il n'y a que deux règles à respecter :

1. Réduire au minimum le nombre de couleurs des polices de caractères utilisées dans les emails

Nous vous recommandons d'utiliser les couleurs de police qui figurent dans les lignes directrices de votre marque. Si vous souhaitez mettre en évidence une phrase, une expression ou un lien, il vous suffit d'utiliser un style de police gras. Dans la plupart des cas, l'utilisation d'un grand nombre de couleurs est ambiguë. Mais gardez à l'esprit que ce conseil n'est que notre opinion subjective.

Exemple d'une bonne combinaison de couleurs dans les emails.

Couleurs de police dans les e-mails

(Source : Email de Victoria's Secret)

2. Utiliser des couleurs contrastées pour les polices de caractères des emails

Si vous avez l'intention d'utiliser des couleurs différentes, utilisez des couleurs contrastées pour que votre texte soit lisible par les daltoniens. Vérifiez qu'elles sont suffisamment contrastées à l'aide des outils suivants :

  • les couleurs accessibles pour vérifier le contraste des couleurs du corps de l'email (copie et autres éléments, à l'exclusion de l'imagerie) ;
  • Coblis, simulateur de daltonisme - il vérifie si vos images sont accessibles aux daltoniens.

En parlant d'accessibilité des emails...

Lignes directrices en matière d'accessibilité pour les polices de caractères et les textes des emails

En résumé, nous devrions tenir compte de ces lignes directrices pour plusieurs raisons :

  • pour permettre aux daltoniens de lire nos emails et de mettre en œuvre les couleurs nécessaires à votre projet de conception d'emails ;
  • pour permettre aux personnes souffrant de déficiences visuelles d'écouter nos emails avec des lecteurs d'écran ;
  • pour permettre à nos utilisateurs qui sont extrêmement occupés et consultent leurs emails en conduisant ou en cuisinant et demandent à siri de " lire " leurs messages entrants, d'écouter nos emails ;
  • permettre aux dyslectiques de lire nos emails - car beaucoup de personnes qui souffrent de dyslexie n'en sont pas conscientes, mais la lecture de textes non adaptés leur est tout à fait insupportable ;
  • de limiter la conception de vos emails à deux polices sans-serif au maximum.

Voici donc les lignes directrices pour rendre le texte de votre email accessible :

  1. Tenir compte du contraste des couleurs.
  2. Alignez vos textes à gauche pour faciliter la perception de la copie d'email par les dyslectiques - évitez les textes alignés au centre.
  3. Ajoutez toujours des signes de ponctuation à la fin de chaque puce. Oui, c'est peut-être contraire aux règles de grammaire, mais en faisant cela, nous rendons nos emails plus lisibles et rendons au moins un destinataire plus heureux.
  4. Maintenez la taille de la police à 14 pixels ou plus.
  5. Ne soulignez pas les textes.
  6. Évitez l'italique. Si vous devez mettre en évidence une partie de votre texte, utilisez uniquement des caractères gras !
  7. N'utilisez pas de majuscules !
  8. Pensez à utiliser des polices de caractères lisibles pour vos emails.
  9. N'utilisez pas plusieurs polices. Une ou deux suffisent.
  10. Combinez différentes polices avec des traits épais et fins.

You might also like

email-accessibility-guidelines-standards-best-practicesLignes directrices sur l'accessibilité des e-mails : Normes et bonnes pratiques

Conclusion

Compte tenu de ce qui précède, nous pouvons affirmer qu'il n'existe pas de polices professionnelles lisibles et agréables à regarder sur tous les types d'appareils. Il faut toujours choisir entre des polices sans sérif.

Outre le choix de la bonne police d'email, nous devons rendre nos emails accessibles en respectant les directives mentionnées ci-dessus.

Stripo propose un certain nombre de polices décoratives et sûres pour les emails. Vous pouvez également télécharger des polices personnalisées
Cet article a-t-il été utile ?
Tell us your thoughts
Merci pour votre avis !
Anton Diduh
Anton Diduh Rédacteur de contenu et créateur de contenu vidéo chez Stripo
Partager à
65% of Fortune 100 use Stripo. Ready to join them?
Get Started — It is Free
No credit card required
33 commentaires
Sanjay Wishtree il y a 1 an
This is a very informative article. Thanks for sharing these helpful articles. Web Tecky
Alex O'Cardy il y a 1 an
Legibility is indeed really important when it comes to email fonts, I've seen some newsletters where you had to take some time to figure out what's written there.
Anton Diduh il y a 1 an
Hi! We fully agree with you. Readability is a critical aspect of any email design and a vital ingredient for improving the accessibility of email newsletters.
Woland Petrov il y a 1 an
I can't choose between Helvetica and Arial, and now that I've learned that they're both the most popular email fonts, it makes it even harder to decide
Anton Diduh il y a 1 an
Hi! Yes, the design process is a bit tricky thing. We hope you made the right choice)
Andron Silver il y a 1 an
Do you think it's a good idea to use the most popular email fonts? Futura and Helvetica are the most attractive to me, but choosing one is hard.
Anton Diduh il y a 1 an
Hello) Using popular fonts is a great way to make your email beautiful without mistakes. However, nothing prevents you from standing out from the crowd and using less popular fonts. If in your design they will look chic, then why not?)
John Smith il y a 1 an
I'm so glad I discovered this article! Fonts for Email are hard to choose, and before reading your post, I thought about using four fonts in one newsletter.
Anton Diduh il y a 1 an
Hello! We are glad that you liked this blog post.)
Errico Malatesta il y a 1 an
So italic fonts are not the best? I thought about using them in my newsletters, but now I understand that it's better to choose the regular email fonts.
Galileo Cardinale il y a 1 an
I've never thought that choosing the email fonts would be so hard. I was planning to use italic font styles, but now I know it's not a good idea.
Scott Piligrimm il y a 1 an
I'm planning to use Helvetica Now, it's indeed pretty modern. Fonts for Email are quite hard to choose, and I can tell you I even thought about making custom one.
Woland Petrov il y a 1 an
It's actually convenient that you can set the different email fonts sizes for mobile and desktop devices, don't remember if it was possible with my previous email template builder.
John Morrow il y a 1 an
I didn't even know that underlining links was not preferable, noted. I'll definitely use these tips for the email fonts, thanks!
Anton Diduh il y a 1 an
Hi! We're glad we could help)
Bill Shiphr il y a 1 an
Thanks for the post and the ability to copy HTML tags, that's actually convenient! I'll definitely use these email fonts in my next project.
Anton Diduh il y a 1 an
Hi! Always happy to help.)
Paulo Marreiros il y a 3 ans
Excelente o artigo dessa página. De muito gosto! Todos as minhas dúvidas e ac e acredito que também de outras pessoas, foram esclarecidas. PauloMar/São Paulo, Brazil.
Hanna Kuznietsova il y a 3 ans
Paulo, Obrigado por uma revisão tão agradável. Estamos muito felizes que o artigo tenha sido útil. Desejamos sinceramente o melhor em suas campanhas
pirates il y a 3 ans
nice blog theme you use in your blog can you share which theme you are using
Hanna Kuznietsova il y a 3 ans
Hello, Pirates. Thank you for your question. If you are talking about the font we are using, it is Montserrat, 16px. If it's not what you asked us about, then could you clarify please what theme exactly you mean? Thank you
Igor Greshner il y a 4 ans
Parabéns pela excelente pesquisa! Esclareceu bastante minhas dúvidas, sou a favor da Verdana e Tahoma a anos, por ser um formato mais agradável para ler.
Hanna Kuznietsova il y a 4 ans
Igor, Muito obrigado )) Estamos muito satisfeitos que nosso artigo seja útil. Desejo-lhe sucesso em email marketing
Khairom Munawwar Baharom il y a 4 ans
Hi Hannah. Do Montserrat font can go multi-platform on email? (Gmail, Outlook, etc..)
Hanna Kuznietsova il y a 4 ans
Khairom, Thank you for your question. Unfortunately, it is not a websafe font. I just uploaded Montserrat to my account, sent an email to some email addresses. Only Apple Mail and Apple iPhone Mail (Native Mail on iOS) did not replace Montserrat with a default font. Others did replace it with the default fonts. Tests with Email on Acid just confirmed that Montserrat gets to be replaced by Gmail and Outlook.
Martin Schenk il y a 4 ans
Für deutsche Texte ist Verdana und Tahoma nicht empfehlenswert, da die abschließenden Anführungszeichen "verkehrt" dargestellt werden.
Hanna Kuznietsova il y a 4 ans
Vielen Dank für Ihren wertvollen Kommentar. Wir haben die notwendigen Änderungen an unserem Artikel vorgenommen. Viel glück
rohit dubey il y a 5 ans
Thanks for sharing this amazing content. This is really helpful for us.
Hanna Kuznietsova il y a 5 ans
Rohit Dubey, We're glad to hear you find this helpful. You might be interested to know that you can upload custom fonts to your projects with Stripo. https://stripo.email/blog/add-use-custom-fonts-stripo/ Have a great day!
Marcia Bosscher il y a 5 ans
What font are you using for this post? I like it!
Hanna Kuznietsova il y a 5 ans
Marcia, Thank you. We are flattered to know. It's Montserrat, 16px. For your convenience, to detect fonts on other websites, you can use this tool http://whatfontapp.com/ Have a good day
Myron Gould il y a 5 ans
I found this article to be a very helpful refresher. Thank you!
Hanna Kuznietsova il y a 5 ans
Myron, We're glad you liked it. You may be also interested in reading Paul Airy's post to find out which of the web-safe fonts is best for email accessibility. http://createsend.com/t/d-ABFFF5F25EC93A19 Also, we're glad to say that you can upload custom fonts with Stripo. If you have any questions about custom, web-safe and accessible fonts, or if you have any questions regarding our tool, please feel free to contact us at any time. Thank you for your interest in our blog!
Type
Industrie
Saisons
Intégration
Éditeur Stripo
Simplifier le processus de production des e-mails.
Plugin Stripo
Intégrez l'éditeur drag-n-drop de Stripo à votre application web.
Commandez un modèle personnalisé
Notre équipe peut le concevoir et le coder pour vous. Remplissez simplement le formulaire et nous vous répondrons dans les plus brefs délais.

Éditeur Stripo

For email marketing teams and solo email creators.

Plugin Stripo

For products that could benefit from an integrated white-label email builder.