Les meilleures polices Web gratuites pour 2018

Les polices que vous choisissez pour votre site Web WordPress jouent un rôle important dans la conception globale. Ce n'est en aucun cas une réflexion après coup. Changez simplement tous vos titres en Comic Sans si vous avez besoin d'une preuve ! D'accord, c'est un peu drastique. Mais, avec la typographie, même le plus petit changement peut faire une différence significative. Grâce au Web (et en particulier à Google), il existe une tonne de polices Web gratuites pour vous aider à choisir la meilleure. Donc, si vous cherchez un peu d'inspiration ou une mise à niveau des polices de votre site actuel, je vous recommande fortement de parcourir la liste ci-dessous pour explorer certaines des meilleures polices Web que le monde du design a à offrir.

Les meilleures polices Web gratuites pour 2018

Abonnez-vous à notre chaîne Youtube

Voici 40 des meilleures polices Web disponibles en 2018 (et elles sont gratuites !)

1. Robotique

Roboto se veut un mariage entre des formes géométriques et des courbes sympathiques. Il crée un rythme de lecture naturel et fonctionne bien comme titre, titre ou type de corps. La version condensée, Roboto Condensed, est également extrêmement populaire.

Obtenez la police

2. Affichage de la foire

Playfair est influencé par la transition de la technologie d'écriture/d'impression de la fin du XVIIIe siècle ; lorsque les plumes ont été remplacées par des stylos pointus en acier. Il est également influencé par le typographe John Baskerville et la police de caractères de William Martin pour le « Boydell Shakspeare ». C'est génial pour les titres et les titres.

Obtenez la police

3. Ouvrez Sans

Conçu comme un bon visage de type neutre, Open Sans est très convivial et lisible. Bon pour les titres, les titres ou le corps du texte.

Obtenez la police

4. Montserrat

Cette police a été créée à l'origine par Julieta Ulanovsky. Son inspiration pour la conception de la police est venue de toutes les belles enseignes et affiches qu'elle a vues à Montserrat, un quartier de Buenos Aires. Il est magnifique sur les titres courts avec de grandes lettres en majuscules.

Obtenez la police

5. Merriweather

Cette police serif est extrêmement agréable à lire en corps de texte sur tous types d'écrans car elle a été conçue pour le web. Cela fonctionne également très bien pour les titres.

Obtenez la police

6. Lato

Lato a été spécialement conçu pour une utilisation en entreprise. Il a un aspect professionnel qui se prête bien à une utilisation dans différentes tailles. Ses détails semi-arrondis lui confèrent également une chaleur qui séduit les multitudes.

Obtenez la police

7. Bebas Neue

Cette police sans empattement «tout en majuscules» est extrêmement populaire et considérée comme l'une des meilleures polices Web gratuites pour une bonne raison. Il crée des affichages étonnants pour les en-têtes de votre site Web !

Obtenez la police

8. Noto Sans

Noto Sans est unique en ce sens qu'il a été créé pour avoir fière allure dans plusieurs langues. En raison de l'espacement horizontal entre les lettres, il a fière allure sur le corps du texte et sur les pages contenant beaucoup de contenu.

Obtenez la police

9. Source Sans Pro

Source Sans Pro a été conçu principalement avec les interfaces utilisateur à l'esprit. Cela fera une excellente police de menu, mais peut également être utilisé pour d'autres choses telles que le corps du texte.

Obtenez la police

10. Oswald

Cette police de caractères sans empattement est une police merveilleuse pour le Web car elle a été formée pour s'adapter à la grille de pixels des écrans numériques. Il s'agit d'une police étroite qui ne prendra pas beaucoup de place, elle convient donc parfaitement aux grands en-têtes contenant beaucoup de texte.

Obtenez la police

11. PT Sans

PT Sans fait partie d'un projet appelé « Types publics de la Fédération de Russie » visant à uniformiser l'affichage du texte dans plusieurs langues (similaire à Noto Sans). Cette police est bonne à plusieurs fins.

Obtenez la police

12. Rubik

La police rubik a été conçue par Philipp Hubert et Sebastian Fischer pour créer une police sans empattement avec des coins légèrement arrondis dans lesquels les lettres s'intègrent parfaitement à l'intérieur des carrés du Rubik's Cube. La police fonctionne très bien pour les titres et le corps du texte.

Obtenez la police

13. Nunito Sans

Cette police sans empattement est une version non arrondie de Nunito. C'est une police populaire pour les interfaces utilisateur et elle est parfaite pour des éléments tels que les tableaux de bord, les menus de restaurant et les listes de prix.

Obtenez la police

14. Fira Sans

Cette police Web populaire a été conçue à l'origine pour Mozilla FirefoxOS pour une lisibilité claire sur toutes les tailles d'écran. Utilisez-le comme un type moderne à des fins multiples.

Obtenez la police

15. Travail sans

Cette police sans empattement est conçue comme une police Web simplifiée qui a fière allure sur tous les écrans. Utilisez des poids plus lourds pour les grands affichages de titres spacieux et le poids normal pour un corps de texte facile à lire.

Obtenez la police

16. Poppins

Poppins est une police de caractères géométrique moderne sans empattement basée sur le design Devanagari qui met en valeur la forme de cercle géométrique de cette belle police. N'hésitez pas à utiliser cette police pour les titres et le corps du texte pour un design très agréable à l'œil.

Au cas où vous ne l'auriez pas remarqué, c'est aussi la police utilisée sur notre blog.

Obtenez la police

17. Josefin Sans

Cette police de caractères est une sœur de Josefin Slab (également une excellente police). Il a été conçu pour être géométriquement élégant et pour ajouter une touche vintage. Utilisez un espacement des lettres négatif pour les titres plus grands et vous pouvez conserver le bel espacement des lettres par défaut qu'il fournit pour votre corps de texte.

Obtenez la police

18. Ubuntu

Ubuntu est une police sans empattement conçue pour le Web et destinée à être une police à usage général. Bon pour les titres, les titres, les boutons et le corps du texte.

Obtenez la police

19. PT Serif

PT Serif est le nouvel ajout à la famille PT Sans, de sorte que les deux fonctionnent bien ensemble en tant qu'appariement de polices. C'est un type harmonieux qui fonctionne bien pour presque tout.

Obtenez la police

20. Muli

Cette police sans empattement convient parfaitement aux sites Web au design minimaliste. Cela fonctionne mieux pour les grands titres, mais peut également fonctionner pour le corps du texte.

Obtenez la police

21. Arvo

Arvo est une police de caractères à empattement géométrique destinée à être un type « mixte » bon à des fins multiples. Il peut être utilisé pour les titres, les titres et le corps du texte.

Obtenez la police

22. Oxygène

Cette police sans empattement a été créée par Vernon Adams en pensant aux interfaces utilisateur. Il est conçu pour être clair et lisible afin qu'il ait fière allure sur toutes les tailles d'écran. Utilisez-le pour le corps du texte, les éléments de menu et les boutons !

Obtenez la police

23. Raleway

Raleway est une police san serif élégante et fine qui est probablement mieux utilisée pour les titres, les sous-titres et les titres.

Obtenez la police

24. Noto Serif

Comme Noto Sans, Noto Serif est créé pour avoir fière allure sur le Web dans plusieurs langues et est une excellente police polyvalente qui a fière allure sur tous les écrans. Utilisez-le également avec Noto Sans comme association de polices parfaite.

Obtenez la police

25. Nunito

Nunito est une police de caractères sans empattement légèrement arrondie qui fonctionne très bien pour la typographie sur grand écran. C'est une police populaire pour les interfaces utilisateur. L'utilisation du poids normal pour les gros titres est vraiment agréable.

Nunito

26. Archive

Archivo est un type sans empattement grotesque (plus ancien) qui a une belle sensation technique. Elle est particulièrement jolie sur le Web en tant que police d'en-tête.

Obtenez la police

27. Abril Fatface

Comme son nom l'indique, Abril Fatface est un type "plus gros". Il est censé être une refonte des styles classiques de Didone. En particulier les affiches publicitaires britanniques et françaises du XIXe siècle. Cette police est merveilleusement élégante et est probablement la meilleure pour les titres et les titres.

Obtenez la police

28. Exo 2

Exo 2 est une nouvelle version d'Exo conçue par Natanael Gama. Cette fonte contemporaine a une allure technique et futuriste. Contrairement à Exo, Exo 2 fonctionne également très bien pour le corps du texte.

Obtenez la police

29. Barlow

Barlow s'inspire du public californien (plaques d'immatriculation, enseignes, bus, etc.). Le design est légèrement arrondi et a des versions condensées qui font d'excellents en-têtes sans prendre beaucoup de place.

Obtenez la police

30. Slabo 27px

Slabo 27px est une police de caractères unique qui (comme sa police sœur Slabo 13px) est spécifiquement optimisée pour l'affichage à la taille de pixel de son nom. Cela en fait une excellente police Web pour des titres clairs, légèrement condensés et faciles à lire.

Obtenez la police

31. Aléo

Aleo est une police à empattement de dalle similaire à la police populaire Lato. Il est conçu avec des détails élégants et semi-arrondis qui en font un bon choix pour les titres et le corps du texte.

Obtenez la police

32. Sables mouvants

Il s'agit d'une police d'affichage sans empattement qui continue d'être un choix populaire sur le Web. Il a un design géométrique qui convient parfaitement aux titres.

Obtenez la police

33. Cooper Hewitt

Cette police contemporaine sans empattement est conçue avec des arches géométriques uniques qui fonctionnent bien avec son affichage condensé. Cette police a fière allure en majuscules comme en-têtes, mais peut également être utilisée pour le corps du texte normal.

Obtenez la police

34. Autruche Sans

Ostrich Sans est une police sans empattement moderne, idéale pour les titres, les logos et les titres.

Obtenez la police

35. IBM Plex Sans

Cette police de caractères contemporaine a été spécialement conçue pour refléter l'esprit de la marque IBM. Il a un attrait neutre et convivial qui peut être utilisé à plusieurs fins sur votre site Web.

Obtenez cette police

36. Cormoran

Cette police de caractères unique a été conçue (principalement dessinée) à partir de zéro par Christian Thalmann. Pour mettre en évidence les subtilités de la police de caractères, utilisez cette police sur votre site Web pour des affichages plus grands comme les en-têtes.

Obtenez la police

37. Alegreya Sans

Cette police sans empattement a été conçue à l'origine pour la littérature, elle fonctionne donc très bien comme corps de texte en raison de son espacement harmonieux des paragraphes.

Obtenez la police

38. Libre Franklin

Cette police sans empattement est une version contemporaine de la police classique Franklin Gothic. Utilisez-le pour les titres ou le corps du texte. Fonctionne très bien s'il est utilisé comme texte d'en-tête et associé à Libre Baskerville comme corps de texte.

Obtenez cette police

39. Libre Baskerville

Cette belle police Web est une police de haute qualité qui semble être parfaite pour un corps de texte unique et lisible. Fonctionne bien s'il est associé à Libre Franklin.

Obtenez cette police

40. Ligue Spartiate

League Spartan est une police sans empattement à épaisseur unique (gras) qui fonctionne bien pour créer des titres et des titres forts et beaux.

Obtenez la police

Qu'en est-il des polices de script ?

Si vous avez trouvé que la liste manquait de polices de script (ou d'écriture manuscrite), vous ne vous trompez pas. Mais cela ne veut pas dire qu'il n'y en a pas d'excellents gratuits (Mali, Indie Flower, Pacifico et Dancing Script pour n'en nommer que quelques-uns). Vous pouvez également consulter cette liste de belles polices de script gratuites et premium.

Quelques conseils rapides sur le jumelage de polices

Lorsque vous cherchez à mettre à jour la typographie de votre site Web, c'est une bonne idée de considérer comment différentes polices fonctionnent ensemble.

Voici quelques conseils pour vous aider à démarrer :

• Restez simple : n'utilisez pas trop de polices à la fois.
• Gardez-le lisible.
• Pensez en oppositions. Par exemple, associez un empattement à un sans empattement ou un gras à un fin.
• Ou, gardez-le dans la famille. Utilisez différents poids et styles de polices dans la même famille.
• Essayez de faire correspondre l'ambiance de votre contenu.
• Expérimentez et conservez ce qui fonctionne.

(Pour les polices Google, vous pouvez également utiliser leur outil de couplage gratuit)

Pour plus d'informations sur l'appariement des polices, consultez notre article complet sur 7 principes clés.

Dernières pensées

J'espère que cette liste de polices vous aidera à trouver la police parfaite pour votre prochain projet. Et n'oubliez pas que bon nombre de ces polices auront des poids et des styles différents que vous pourrez modifier pour créer d'innombrables designs. Alors amusez-vous à explorer!

À votre santé!