Plus de 50 polices modernes à utiliser sur votre site Web WordPress en 2022

Lors de la création d'un site WordPress, vous devez disposer de tous les bons outils en place pour avoir un impact efficace. Cela inclut une multitude de polices modernes !

Cependant, votre thème WordPress peut ne pas avoir la sélection de polices HTML parmi lesquelles vous devez choisir. Ou, vous pourriez ne pas être satisfait de ceux qui ont été sélectionnés pour vous.

En raison de ces facteurs, il est essentiel de pouvoir installer certaines polices personnalisées. Nous allons discuter d'une variété d'options de police ici aujourd'hui. Mais d'abord, éliminons les aspects techniques.

Qu'est-ce qui rend vraiment une police moderne ?

Les polices modernes ne sont pas nouvelles du tout. Le style a été initialement développé au 18ème siècle. Malgré cela, leurs conceptions restent pertinentes dans le monde moderne. En fait, vous les voyez littéralement partout.

Alors, à quoi ressemblent les polices modernes ?

Les polices modernes sont nettes, élégantes, audacieuses, professionnelles et élégantes. Elles sont aussi souvent sans empattement (mais pas toujours) et rentrent parfois dans la catégorie des polices cursives. Leur design est immédiatement distinctif et ils sont souvent utilisés dans les en-têtes et les logos. Ils peuvent être distinctement corporatifs mais pas agressifs. Au contraire, ils sont audacieux et demandent de l'attention.

Voici un exemple de site de portfolio utilisant une police moderne.

Remarquez à quel point il est condensé et étroit?

Ce sont des généralités, bien sûr. La typographie moderne a évolué et vous pouvez souvent trouver plus d'exemples stylistiques. Mais j'espère que cela vous donne une idée générale de ce qu'est une police moderne (et pourquoi vous voudrez peut-être en utiliser une).

Comment télécharger des polices téléchargées sur WordPress

Les polices personnalisées téléchargées à partir du Web nécessitent un peu de travail supplémentaire pour les faire fonctionner, car vous ne pouvez pas simplement les importer comme vous le feriez pour un service en ligne comme Google Fonts. Au lieu de cela, vous devrez soit télécharger manuellement vos polices, soit utiliser un plugin pour faire le travail.

Mais avant de procéder à tout téléchargement, vous devez d'abord vous assurer que vos polices sont prêtes pour le Web. Qu'est-ce que nous entendons par là? Eh bien, toutes les polices ne sont pas sécurisées pour le Web ou compatibles avec tous les navigateurs Web dès la sortie de la boîte.

Mais ce n'est pas un gros problème. Utilisez simplement l'outil gratuit Webfont Generator pour transformer n'importe quelle police personnalisée que vous avez trouvée en ligne dans un format lisible et utilisable par tous les navigateurs Web.

La réalisation de cette étape contribuera également grandement à accélérer l'optimisation de vos polices. Cependant, ce n'est pas tout . Vous devez également suivre quelques conseils pour vous assurer que vos polices personnalisées ne consomment pas de ressources ou ne ralentissent pas inutilement le temps de chargement de votre site :

• Vérifiez les performances . À l'aide de GTmetrix, surveillez le nombre de requêtes HTTP. S'il y en a beaucoup, cela pourrait signifier que votre site utilise beaucoup plus de polices que vous ne l'aviez même réalisé. Je parle des polices automatiquement installées avec les plugins et les thèmes ici (pas celles que vous avez ajoutées manuellement).
• Vérifiez vos analyses. Ici, vous pouvez voir quels formats de conteneurs de polices sont les plus consultés sur votre site. Les choix les plus courants sont EOT, TTF, WOFF et WOFF2. Lorsque vous réfléchissez à ceux à prendre en charge, cela peut vous aider à déterminer ceux à prioriser.
• Assurez-vous que les polices sont mises en cache localement. Ce n'est pas comme si vous mettiez à jour les polices tous les deux jours. Cela signifie que les polices peuvent être mises en cache en toute sécurité dans les navigateurs des visiteurs fréquents. Cela limitera le nombre de requêtes HTTP dans le temps.

Le téléchargement manuel de polices nécessite un peu de compétences techniques, mais ce n'est pas hors de portée pour la plupart des propriétaires de sites Web.

1. Téléchargez la police moderne personnalisée que vous avez choisie (beaucoup d'exemples ci-dessous).
2. Enregistrez une sauvegarde de votre site Web (y compris tout le contenu et la base de données) et/ou utilisez un thème enfant pour les modifications suivantes.
3. Téléchargez les fichiers de police au format .zip dans le dossier wp-content/themes/your-theme-name/fonts. S'il n'y a pas de dossier "fonts", allez-y et créez-en un, puis téléchargez votre fichier de police .zip là-bas. Utilisez n'importe quel client FTP de votre choix pour y parvenir.
4. Dans le tableau de bord WordPress, accédez à Apparence > Éditeur de thème et accédez au fichier style.css. Vous devrez ajouter un extrait de code personnalisé à ce fichier. Ajoutez la famille de polices et l'URL appropriées à l'extrait de code, puis cliquez sur Mettre à jour le fichier .

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

Le code ci-dessus ajoute la police à votre site. Ensuite, vous devez indiquer à WordPress où la police doit être utilisée. Pour cela, ouvrez à nouveau style.css et utilisez cet extrait de code :

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

Dans cet extrait de code, vous devez identifier à quel aspect de votre site vous souhaitez que la police s'applique et spécifier le nom de la police avant de mettre à jour le fichier.

Inversement, si vous souhaitez ignorer tous ces éléments de téléchargement manuel, vous pouvez utiliser un plugin pour ajouter des polices à WordPress. Une option solide inclut Utiliser n'importe quelle police. Comme son nom l'indique, vous pouvez l'utiliser pour télécharger n'importe quelle police personnalisée sur votre site et l'attribuer à des éléments CSS.

56 des polices les plus modernes à utiliser en 2022

Maintenant que vous savez comment optimiser et télécharger des polices personnalisées sur WordPress, nous pouvons désormais vous proposer une liste saine de polices modernes et d'options parmi lesquelles choisir.

1. Introduction

Intro est une police moderne d'aspect standard qui offre des lignes et une présentation audacieuses qui pourraient facilement être utilisées pour les en-têtes ou les titres. Cette famille de polices comprend 72 polices avec 8 poids différents, de fin à épais, vous offrant une grande flexibilité.

2. Komoda

Un autre choix est Komoda. Cette police est condensée et super intéressante à regarder. C'est tout en majuscules et sans empattement avec un look en bloc où la ligne médiane de chaque lettre est élevée. Et ses ligatures font une déclaration. Un choix parfait pour les logos ici.

3. Enthousiasmé

Stoked est une autre sélection entièrement en majuscules qui offre un look unique pour les en-têtes et les logos. C'est intéressant tout en restant lisible. Sa caractéristique déterminante est l'inclusion de lignes doubles sur chaque lettre, ainsi que des sauts de ligne qui lui donnent une sorte d'aspect au pochoir.

4. Marisa chic

Il y a aussi Classy Marisa. Cette police moderne est élégante et fluide, offrant une option de police plus fine et plus délicate pour vos logos et en-têtes. Il contient également des ligatures très intéressantes, des glyphes alternatifs et des ornements qui ajoutent un caractère supplémentaire au texte que vous souhaitez partager.

5. Galop

Canter est un autre excellent choix. Celui-ci est une police sans empattement qui comporte toutes les majuscules et a un espacement condensé. Il est également disponible en six poids différents, y compris une option 3D et une avec une ombre portée proéminente.

6. Chanceux

Lucky est une autre police moderne à considérer. C'est une autre sélection sans empattement qui pourrait bien fonctionner comme logo ou en-tête. Il a également une qualité éditoriale distincte qui pourrait facilement être appliquée aux magazines et aux publications en ligne.

7. Zafir

Zafir propose un autre choix de polices modernes qui mérite d'être considéré. C'est super minime dans la présentation. Zafir est une autre option tout en majuscules. C'est une police serif avec des lignes courbes et un aspect global intéressant qui pourrait bien fonctionner pour les logos et les titres.

8. Criques

Ou vous pouvez utiliser Coves. Il est livré avec deux poids, léger et gras, et offre une option de police élégante et simplifiée pour vos derniers projets. Utilisez-le pour le texte standard ainsi que pour les titres et les en-têtes. C'est vraiment polyvalent.

9. Azonix

Azonix propose une autre sélection de polices modernes, cette fois avec un penchant futuriste. C'est une police sans empattement qui met l'accent sur un aspect géométrique. C'est tout en majuscules et on dirait facilement qu'il pourrait être utilisé dans la séquence de crédit d'ouverture d'un film de science-fiction.

10. Arkhip

Arkhip est une autre sélection de polices gratuites qui conserve un design moderne tout en rappelant les époques révolues. Il utilise des éléments de la typographie russe pour créer quelque chose de moderne et de vraiment nouveau.

11. Premier

Il existe une autre police à considérer appelée Prime. Il s'agit d'une police sans empattement moderne qui présente des lignes audacieuses et un look futuriste. Il a des coins géométriques et est parfait pour les sites Web futuristes ou technologiques.

12. Glober

Glober est une autre police moderne à laquelle vous devriez jeter un œil. Cette famille de polices comprend 18 graisses avec une répartition égale de 9 lettres droites et 9 italiques. Il s'agit d'une police sans empattement facile à lire et à appliquer à un certain nombre de situations différentes, y compris les titres ainsi que le corps du texte.

13. FAIT doux

MADE Gentle est une autre police de caractères moderne digne de considération. Il est considéré comme un empattement souple et s'inspire de la police Cooper Black. Celui-ci est audacieux mais arrondi et rappelle les vieilles couvertures de livres et la signalisation des années 1970.

14. Nordique

Nordic est à la fois moderne et classique et propose deux polices de caractères et trois graisses au choix. Le design a été inspiré par les runes norvégiennes et serait parfait pour une utilisation dans les titres, les en-têtes et les logos.

15. Madac

La police Maddac offre une option élégante pour votre site Web. C'est audacieux, en blocs et sans empattement. Il est moderne dans sa conception et unique dans son exécution. Chaque lettre a un léger angle ou une inclinaison sur un aspect de sa conception, offrant un peu de style à l'équation.

16. Crocodile

Croc n'est-il pas une police si cool? C'est une police de caractères audacieuse avec un style emblématique qui est nostalgique tout en restant frais.

17. Aqua

Aqua est une autre police à laquelle vous devriez jeter un œil. Celui-ci a une qualité Art nouveau qui le fait paraître intemporel. Il est audacieux mais simple et comporte des embellissements et des ligatures qui le distinguent des autres polices similaires.

18. Manifeste

Faites une déclaration audacieuse avec Manifesto. Cette police a été inspirée par le mouvement rationaliste italien et a une qualité résolument éditoriale. Utilisez-le pour les en-têtes, les logos et les titres. Utilisez-le pour les conceptions imprimées et en ligne. C'est vraiment polyvalent de cette façon.

19. Orcades

Orkney est une belle police d'aspect professionnel. La police de caractères est de conception géométrique et peut être utilisée à des fins très diverses. Utilisez-le pour les titres ou les logos. Utilisez-le pour du texte standard. Utilisez-le dans la presse écrite ou dans les médias numériques. Le ciel est la limite ici.

20. Elpa

Elppa a un look futuriste captivant et multiforme. La police de caractères est assez minimale tout en capturant une sorte de sensation de l'ère spatiale. Utilisez-le pour les conceptions imprimées et Web. Cela fonctionnerait pour les logos et les titres, probablement pas pour le corps du texte, mais certainement utile pour les graphiques et autres.

21. Maïs

Le maïs est une police intéressante qui a des coins arrondis et une sensation de style ferme. Il se compose de 14 styles différents que vous pouvez commencer à utiliser immédiatement pour les titres, les en-têtes et les logos. Certains styles peuvent même être utilisés pour le corps du texte si vous le souhaitez. Vous pouvez créer un design de site entier avec celui-ci.

22. Koliko

Ou vous pouvez opter pour Koliko, une police très amusante qui a un attrait instantané pour une grande variété d'utilisations. Il vient avec trois styles, chacun embrassant un mariage parfait de forme et de fonction.

23. Bizarre

Quirk est en fait une police assez originale. Le nom est un bon choix. C'est une police tout en majuscules qui comprend des ligatures amusantes et des éléments empilables.

24. Le Français

Le French est un choix de police sophistiqué, surtout si vous cherchez à reproduire cette sensation de café français vintage. Un excellent choix pour les menus et les sites Web liés à l'alimentation. Utilisez-le également pour les titres, les en-têtes, les logos et le corps du texte.

25.Munich

Munich est un joli choix de polices sans empattement qui serait un excellent choix pour un logo ou un graphique de titre. Il est grand et imposant sans être menaçant.

26. Nord-ouest

Northwest est une police de style moderne avec une touche rétro. Cela rappelle les logos d'équipement de campagne et les titres de magazines de plein air. Avec des empattements carrés et des éléments décoratifs, cette police fonctionnerait bien pour tout type de contenu sur le thème de l'extérieur.

27. Modeka

Modeka est boxy et moderne et honnêtement tout simplement super cool. C'est un choix moderne qui peut être adapté pour une utilisation de différentes manières. Avec des angles supplémentaires sur chaque lettre, il offre un style unique qui pourrait bien convenir à votre prochain projet.

28. Clause de non-responsabilité

La clause de non-responsabilité est un choix de police étroit et audacieux qui convient parfaitement à une grande variété d'utilisations. Il a un style super condensé qui rend les lettres hautes et imposantes. Cela fonctionnerait très bien pour un en-tête ou un titre.

29. 5e avenue

La 5ème Avenue est positivement fantaisiste avec un air classique bien adapté aux logos officiels et à l'image de marque. C'est une police audacieuse avec des empattements qui se distingue grâce à de nombreuses lettres alternatives qui ajoutent du style et de l'intérêt.

30. Quakiez

Quakiez est un autre choix de police moderne qui offre une option serif à notre liste. Il a été conçu dans un esprit de luxe tout en conservant un élément de minimalisme. Il est livré avec deux styles et peut être utilisé pour les logos, les titres, les en-têtes, etc.

31. extérieur moderne

Ou vous pouvez opter pour Modern Outdoor et invoquer immédiatement le camping et le plein air à vue. Cette police est parfaite pour les titres, les en-têtes et les logos et aurait un impact réel sur les affiches. Il demande de l'attention et s'asseoir joliment dans toutes les majuscules sécurise davantage sa sensation de plein air.

32. Hyperbole

L'hyperbole est arrondie et futuriste. En fait, il semble positivement spatial - dans le bon sens. Cette police a des compteurs arrondis tout en conservant une forme carrée globale.

33. Boxe

La police Boxing est carrée et propre, parfaite pour les en-têtes, les titres et les logos. C'est tout en majuscules, grand et intéressant à regarder. Mieux encore, il est extrêmement fonctionnel et peut être réutilisé d'innombrables façons.

34. Sondeur

Sonder est vraiment une autre police aux multiples facettes. Il est livré avec une option de police dalle et sans empattement. Il est livré avec plusieurs poids ainsi qu'un style régulier et rugueux. Le style rugueux présente quelques lacunes dans les lettres, créant un aspect rustique et naturel.

35. Lombok

Lombok est une police de caractères fine extrêmement élégante. C'est une option sans empattement avec des éléments géométriques qui la font ressortir et semblent assez uniques. C'est un choix idéal pour les en-têtes, les logos et les titres.

36. Quartier

Distrito est une police tout en majuscules qui a un style distinct. Chaque lettre est légèrement inclinée, offrant un look unique qui pourrait bien se traduire pour une utilisation dans les logos et les en-têtes. C'est aussi une police tout en majuscules inspirée de la conception modulaire colombienne.

37. Ailerons

Les ailerons ressemblent à la police qui apparaîtrait sur la signalisation extraterrestre. Et il réalise bien cette esthétique. Il est sans empattement et tout en majuscules et a un impact quel que soit l'endroit où vous le placez, bien que les titres et les en-têtes soient les meilleurs pour cela.

38. Ethna

Ethna a un look classique mais un style moderne. Il s'agit d'une famille de polices sans empattement inspirée du design humaniste et qui réussit à combiner des éléments de design vintage et modernes pour créer quelque chose de nouveau. Celui-ci fonctionne bien dans tous les cas d'utilisation.

39. Noëlle

Noelle est une police à empattement géométrique qui est sur le point de faire une première impression positive. Il est de conception minimaliste et fonctionnerait bien pour les titres et les en-têtes de n'importe quelle industrie. Il a quelques éléments vintage mais a toujours l'air frais. Utilisez-le en ligne ou en version imprimée. De plus, il est livré avec une police de script en bonus.

40. Suite

Sequel est une police arrondie parfaite pour les logos et les en-têtes. Mieux encore, il est livré avec une multitude de ligatures qui offrent du style et un intérêt supplémentaire à tout ce que vous créez avec elles. Le design ici est audacieux mais pas imposant.

41. Plus haut

Higher est un autre choix de police sophistiqué qui offre un look classique. Cette police entièrement en majuscules est super condensée et exigeante, offrant un style immédiat à tout ce sur quoi vous l'utilisez.

42. Nano

Nano est une police sans empattement au look futuriste et entièrement en minuscules, ce qui en fait une option unique sur cette liste. Les lettres elles-mêmes sont super modernes et identifiables, ce qui en fait un excellent choix pour les logos et autres matériaux de marque. C'est mieux pour les phrases courtes, cependant, car les phrases plus longues peuvent être un peu illisibles.

43. Jollin

Jollin est une police moderne avec des indices bouclés sur certaines lettres et un look trapu tout autour. Cette police sans empattement est disponible dans une version régulière et italique et comprend une variété de lettres alternatives afin que vous puissiez rendre votre texte plus simple ou plus fantaisiste selon votre humeur.

44. Phénomènes

Phenomena est une police étroite et en blocs avec des bords arrondis. Il fait une déclaration et peut facilement être utilisé pour les titres, les logos ou les en-têtes. Il est livré avec 7 styles différents, de fin à gras, offrant également de nombreuses possibilités d'utilisation de texte standard.

45. Calibre

Calibre est une police super condensée qui peut dominer votre contenu si vous le permettez - dans le bon sens. C'est une option tout en majuscules qui comprend également des chiffres, des glyphes et des caractères occidentaux pour faire bonne mesure.

46. ​​Les dimanches

Sundays est une police avec empattement qui est définitivement de l'époque actuelle, mais qui a aussi une sensation classique indéniable. Elle est plus fine et plus incurvée que les polices similaires classiques et son style correspond aux en-têtes et titres de magazines, aux logos de sites Web, aux en-têtes, etc.

47. Pierre angulaire

Cornerstone est une autre police en blocs qui offre une conception modulaire qui pourrait fonctionner dans un certain nombre d'applications différentes, des logos aux en-têtes.

48. Un jour

One Day est une police fine avec des lignes de déconnexion intéressantes qui la rendent unique. C'est une autre police entièrement en majuscules avec un style léger et fin. Il comprend des chiffres et des glyphes et semble géométrique sans être trop carré.

49. Kollektif

Kollektif est une police classiquement moderne qui peut être utilisée de nombreuses façons. Il est de conception géométrique et se décline en deux poids. Il est également optimisé pour une utilisation imprimée et Web.

50. Nostalgie

Ensuite, il y a Nostalgia, une police moderne avec suffisamment d'attrait rétro pour donner l'impression qu'elle a été créée il y a des décennies. Il comprend 3 polices ainsi que des glyphes, des ligatures et des fleurs alternatifs. Ce serait un excellent choix pour les logos, les titres, les affiches ou les invitations.

51. Élixia

Elixia a un look éthéré digne d'un repaire d'alchimiste. Il est géométrique et comprend des angles de ligne supplémentaires sur chaque lettre qui offrent un style unique.

52. Saumon

Ou vous pouvez opter pour le saumon. Cette police sans empattement est audacieuse et minimale. Il est idéal pour les titres, les logos et les en-têtes. Il s'agit d'un design tout en majuscules et comprend une version remplie et soulignée qui se marie bien aussi.

53. Minou

Thinoo est une autre police sans empattement. Il est livré avec un style fin et audacieux et comprend tous les styles de lettres, y compris les chiffres, les symboles et la ponctuation. C'est professionnel et propre. Simple mais accrocheur. Celui-ci fonctionnerait bien pour tout type de site Web ainsi que pour les documents imprimés.

54. Amour d'été

Ou vous pouvez utiliser Summer Loving, une police moderne super amusante qui comprend plusieurs styles de police afin que vous puissiez créer un design complet en utilisant une seule police. Il est livré avec une police sans ainsi qu'un détail de pinceau qui peut immédiatement ajouter de la dimension à vos projets. Il comprend également des ligatures et des lettres alternatives.

55. Silverfake

Silverfake propose une option de police serif largement espacée pour les titres, les logos, les en-têtes et les documents imprimés. Celui-ci aurait fière allure comme logo de T-shirt, par exemple.

56. Vienne

Enfin, il y a Vienne. Cette police moderne est une option serif qui a tout l'attrait d'une police classique utilisée sur les couvertures de magazines avec suffisamment de modifications pour faire appel à l'esthétique actuelle. Il est minimal et comprend des lettres en majuscules, des chiffres et des signes de ponctuation.

Résumé

Il existe un certain nombre de raisons pour lesquelles vous pourriez vouloir utiliser des polices personnalisées sur votre site WordPress. Que vous souhaitiez mieux adapter votre image de marque ou rendre votre contenu plus lisible sur tous les navigateurs, le téléchargement de vos propres polices de style moderne en vaut la peine.

Même ainsi, le processus peut sembler intimidant au premier abord. Vous devez trouver une police, la télécharger, la mettre dans un fichier .zip, puis la télécharger dans le bon répertoire de votre site Web à l'aide d'un client FTP. Vous devrez coller des extraits de code dans les zones appropriées du fichier CSS de votre thème. Vous pouvez choisir de le faire manuellement ou via l'utilisation d'un plugin (ou vous pouvez engager un développeur).

Quelle que soit la façon dont vous abordez ce processus, vous pouvez être assuré que le résultat final sera élégant et ajoutera du caractère à l'apparence générale de votre site. Espérons que cette collection de polices modernes que nous avons sélectionnées ici vous aidera à découvrir celle qui convient à votre site WordPress. Qu'elle soit audacieuse ou fine, arrondie ou dure, embellie ou unie, la police que vous choisissez aura un impact !

(Lecture suggérée : Comment masquer les titres de page et de publication dans WordPress)