Lorsque vous créez un site, vous devez disposer de tous les outils nécessaires pour avoir un impact efficace. Cela inclut une multitude de polices de caractères modernes !
Toutefois, votre thème peut ne pas avoir la sélection de polices HTML que vous devez choisir. Ou alors, vous pourriez ne pas être satisfait de celles qui ont été sélectionnées pour vous.
En raison de ces facteurs, être capable d’installer certaines polices personnalisées est essentielle. Nous allons discuter aujourd’hui de diverses options de polices. Mais d’abord, débarrassons-nous des aspects techniques.
Qu’est-ce qui rend une police vraiment moderne ?
Les polices modernes ne sont pas du tout nouvelles. Le style a été développé au XVIIIe siècle. Malgré cela, leurs designs restent pertinents 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 stylées. Elles sont aussi souvent sans serif (mais pas toujours) et entrent parfois dans la catégorie des polices cursives. Leur design est immédiatement reconnaissable et elles sont souvent utilisées dans les en-têtes et les logos. Elles peuvent être distinctement corporatives mais pas agressives. Elles sont plutôt audacieuses et exigent de l’attention.
Voici un exemple d’un site du portfolio utilisant une police de caractères moderne.
Remarquez comme 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 des exemples plus stylistiques. Mais nous espérons que cela vous donnera une idée générale de ce qu’est une police moderne (et des raisons pour lesquelles vous pourriez vouloir en utiliser une).
Comment envoyer des polices dans WordPress
Les polices personnalisées téléchargées sur le web nécessitent un peu plus de travail pour les faire fonctionner, car vous ne pouvez pas les importer comme vous le feriez pour un service en ligne comme les polices Google. Vous devrez plutôt téléverser manuellement vos polices ou utilisez une extension pour faire le travail.
Mais avant de téléverser, 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 compatibles avec le web ou avec tous les navigateurs web.
Mais ce n’est pas un gros problème. Il suffit d’utiliser l’outil Webfont Generator pour transformer toute police personnalisée que vous avez trouvée en ligne en un format lisible et utilisable par tous les navigateurs web.
L’achèvement de cette étape sera un grand pas en avant vers une optimisation rapide de vos polices. Mais 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. Utilisez GTmetrix, Surveillez le nombre de requêtes HTTP. S’il y en a beaucoup, cela pourrait signifier que votre site utilise bien plus de polices que vous ne l’aviez réalisé. Je parle ici des polices installées automatiquement avec des extensions et des thèmes (et non de celles que vous avez ajoutées manuellement).
- Vérifiez vos analyses. Ici, vous pouvez voir quels sont les formats de conteneurs de polices les plus utilisés sur votre site. Les choix les plus courants sont EOT, TTF, WOFF et WOFF2. Cela peut vous aider à déterminer ceux qui doivent être pris en charge en priorité.
- Veillez à ce que les polices soient 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 dans les navigateurs des visiteurs fréquents en toute sécurité. Cela limitera le nombre de requêtes HTTP au fil du temps.
Le téléversement manuel de polices exige un peu de compétences techniques, mais cela n’est pas hors de portée de la plupart des propriétaires de sites web.
- Téléchargez la police moderne personnalisée de votre choix (de nombreux exemples ci-dessous).
- Sauvegardez votre site web (y compris tout le contenu et la base de données) et/ou utiliser un thème enfant pour les changements suivants.
- Téléversez les fichiers .zip de police dans le dossier wp-content/themes/votre-theme/fonts. S’il n’y a pas de dossier « fonts », créez-en un, puis téléversez votre fichier .zip de police à cet endroit. Utilisez n’importe quel client FTP de votre choix pour y parvenir.
- Dans le Tableau de bord WordPress, allez dans Apparence > Éditeur de thèmes et accédez au fichier style.css. Vous devrez ajouter un extrait de code personnalisé à ce fichier. Ajoutez la famille de police et l’URL appropriées dans 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 l’aspect de votre site auquel où vous souhaitez que la police s’applique et spécifier le nom de la police avant de mettre à jour le fichier.
À l’inverse, si vous voulez éviter tout ce travail de téléversement manuel, vous pouvez utiliser une extension pour ajouter des polices à WordPress. Une option solide est Use Any Font. Comme son nom l’indique, vous pouvez l’utiliser pour téléverser n’importe quelle police personnalisée sur votre site et l’affecter à des éléments CSS.
56 des polices les plus modernes à utiliser en 2024
Maintenant que vous savez comment optimiser et téléverser des polices personnalisées, nous pouvons maintenant proposer une liste saine de polices modernes et d’options parmi lesquelles choisir.
1. Intro
Intro est une police moderne d’aspect standard qui offre des lignes et une présentation en gras 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, ce qui vous donne une grande flexibilité.
2. Komoda
Un autre choix est Komoda. Cette police est condensée et super intéressante à regarder. Elle est en majuscules et sans empattement, avec un aspect de bloc où la ligne médiane de chaque lettre est en relief. Et ses ligatures font une déclaration. Un choix parfait pour les logos.
3. Stoked
Stoked est une autre sélection tout en majuscules qui offre un look unique pour les en-têtes et les logos. Elle est intéressante tout en restant lisible. Sa caractéristique principale est l’inclusion de doubles lignes sur chaque lettre, ainsi que des sauts de ligne qui lui donnent une sorte d’aspect au pochoir.
4. Classy Marisa
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 les en-têtes. Elle comporte des ligatures, des glyphes alternatifs et des ornements très intéressants qui ajoutent du caractère à tout texte que vous souhaitez partager.
5. Canter
Canter est un autre excellent choix. Il s’agit d’une police sans empattement toute en majuscules et un espacement condensé. Elle est également disponible en six poids différents, y compris une option 3D et une avec une ombre portée proéminente.
6. Lucky
Lucky est une autre police moderne qui mérite d’être prise en considération. C’est une autre sélection sans empattement qui pourrait bien convenir à un logo ou à un en-tête. Elle a également une qualité éditoriale distincte qui pourrait facilement être appliquée à des magazines et des publications en ligne.
7. Zafir
Zafir offre un autre choix de police moderne qui mérite d’être prise en considération. Elle est super minimale dans la présentation. Zafir est une autre option de police toute en majuscules. C’est une police à empattements avec des lignes courbes et un aspect général intéressant qui pourrait bien convenir aux logos et titres.
8. Coves
Ou vous pourriez utiliser Coves. Elle est disponible en deux poids, léger et gras, et offre une option de police élégante et rationalisée pour vos derniers projets. Utilisez-la pour les textes standard, ainsi que pour les titres et les en-têtes. Elle est vraiment polyvalente.
9. Azonix
Azonix propose une autre sélection de police moderne, cette fois-ci avec un penchant futuriste. Il s’agit d’une police sans empattement qui met l’accent sur un aspect géométrique. Elle est toute en majuscules et semble pouvoir être utilisée dans le générique de début d’un film de science-fiction.
10. Arkhip
Arkhip est un autre choix de police gratuite qui maintient un design moderne tout en rappelant les époques passées. Elle utilise des éléments de typographie russe pour créer quelque chose de moderne et de vraiment nouveau.
11. Prime
Il y a une autre police à considérer appelée Prime. Il s’agit d’une police moderne sans empattement qui présente des lignes audacieuses et un aspect général futuriste. Elle comporte des coins géométriques et est parfaite pour les sites web à thème futuriste ou technologique.
12. Glober
Glober est une autre police moderne à laquelle vous devriez jeter un coup d’œil. Cette famille de polices comprend 18 poids avec une répartition égale de 9 droits et 9 italiques. Il s’agit d’une police sans empattement qui est facile à lire et à appliquer à un certain nombre de situations différentes, y compris les titres ainsi que corps du texte.
13. MADE Gentle
MADE Gentle est une autre police de caractères moderne qui mérite d’être prise en considération. Elle est considérée comme un empattement doux et a été inspirée par la police Cooper Black. Celle-ci est une police rétro audacieuse mais arrondie qui rappelle les anciennes couvertures de livres et la signalisation des années 1970.
14. Nordic
Nordic est à la fois moderne et classique et propose deux polices de caractères et trois poids au choix. Le design s’inspire des runes norvégiennes et serait parfait pour les titres, les en-têtes et les logos.
15. Maddac
La police Maddac offre une option élégante pour votre site web. C’est une police en gras, avec des blocs et sans empattement. Elle est moderne dans sa conception et unique dans son exécution. Chaque lettre a un léger angle ou une légère inclinaison sur un aspect de sa conception, ce qui donne un peu de style à l’équation.
16. Croc
Croc n’est elle pas une police cool ? C’est une police à empattements gras avec un style iconique qui est nostalgique tout en restant frais.
17. Aqua
Aqua est une autre police à laquelle vous devriez jeter un coup d’œil. Celle-ci a une qualité « art nouveau » qui la fait paraître intemporelle. Elle est à la fois audacieuse et simple et comporte des embellissements et des ligatures qui la distinguent des autres polices similaires.
18. Manifesto
Faites une déclaration audacieuse avec Manifesto. Cette police s’inspire du mouvement rationaliste italien et possède une qualité éditoriale incontestable. Utilisez-la pour les en-têtes, les logos et les titres. Utilisez-la pour les dessins imprimés et en ligne. Elle est ainsi vraiment polyvalente.
19. Orkney
Orkney est une belle police d’aspect professionnel. Cette police de caractères est de conception géométrique et peut être utilisée à des fins très diverses. Utilisez-la pour les titres ou les logos. Utilisez-la pour les textes standard. Utilisez-la pour l’impression ou dans les médias numériques. Il n’y a pas de limite.
20. Elppa
Elppa a un aspect futuriste, captivant et aux multiples facettes. La police est assez minimale tout en capturant une sorte de sensation de l’ère spatiale. Utilisez-la pour l’impression et les designs 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. Corn
Corn est une police de caractères intéressante qui a des coins arrondis et un aspect de ferme. Elle 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 site entier avec cette police.
22. Koliko
Ou vous pouvez opter pour Koliko, une police de caractères très amusante qui a un attrait immédiat pour une grande variété d’usages. Elle se décline en trois styles, chacun d’entre eux alliant parfaitement forme et fonction.
23. Quirk
Quirk est en fait une police de caractères assez bizarre. Son nom est un bon choix. C’est une police toute en majuscules qui comprend des ligatures amusantes et des éléments empilables.
24. Le French
Le French est un choix de police sophistiqué, surtout si vous cherchez à reproduire l’ambiance d’un café français d’époque. Un excellent choix pour les menus et les sites web consacrés à l’alimentation. Utilisez-le également pour les titres, les en-têtes, les logos et le corps du texte.
25. Munich
Munich est une belle police de caractères sans empattement qui serait un excellent choix pour un logo ou un titre graphique. Elle est haute et imposante sans être menaçante.
26. Northwest
Northwest est une police de style moderne avec une touche rétro. Elle rappelle les logos des équipements de campagne et les titres des magazines de plein air. Avec ses empattements et ses éléments décoratifs, cette police convient à tous les types de contenu sur le thème de l’extérieur.
27. Modeka
Modeka est moderne et carrée et, honnêtement, elle est tout simplement super cool. C’est un choix moderne qui peut être adapté pour être utilisé de différentes manières. En ajoutant des angles à chaque lettre, elle offre un style unique qui pourrait bien convenir à votre prochain projet.
28. Disclaimer
Disclaimer est un choix de police étroite et grasse qui est excellent pour une grande variété d’objectifs. Elle possède un style super condensé qui fait que les lettres sont hautes et imposantes. Elle convient parfaitement à un en-tête ou à un titre.
29. 5th Avenue
5th Avenue est positivement chic avec un air classique bien adapté aux logos et aux marques officiels. C’est une police de caractères grasse avec empattements qui se démarque 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 d’empattement à notre liste. Elle a été conçue dans un esprit de luxe tout en conservant un élément de minimalisme. Elle est disponible en deux styles et peut être utilisée pour les logos, les titres, les en-têtes, etc.
31. Modern Outdoor
Ou vous pouvez opter pour Modern Outdoor et évoquer immédiatement le camping et le plein air. Cette police est parfaite pour les titres, les en-têtes et les logos et aurait un réel impact sur les posters. Elle demande de l’attention et le fait qu’elle soit jolie en majuscules renforce encore son aspect.
32. Hyperbola
Hyperbola est ronde et futuriste. En fait, elle semble positivement spatiale – dans le bon sens du terme. Cette police a des compteurs arrondis tout en conservant une forme générale carrée.
33. Boxing
La police de caractères Boxing est carrée et propre, parfaite pour les en-têtes, les titres et les logos. Il n’y a que des majuscules, hautes et intéressantes à regarder. Mais surtout, elle est extrêmement fonctionnelle et peut être réutilisée de nombreuses façons.
34. Sonder
Sonder est une autre police à multiples facettes, vraiment. Elle est proposée avec une option de police de caractères avec et sans empattement. Elle est proposée avec des graisses multiples ainsi qu’un style régulier et rugueux. Le style rugueux comporte des espaces dans les lettres, ce qui crée un aspect rustique et naturel.
35. Lombok
Lombok est une police de caractères fine et extrêmement élégante. C’est une option sans serif avec des éléments géométriques qui la font ressortir et lui donnent un aspect tout à fait unique. C’est un choix idéal pour les en-têtes, les logos et les titres.
36. Distrito
Distrito est une police toute en majuscules qui a un style distinct. Chaque lettre est légèrement inclinée, offrant un aspect unique qui pourrait bien se traduire par une utilisation dans les logos et les en-têtes. C’est également une police toute en majuscules inspirée du design modulaire colombien.
37. Ailerons
Ailerons ressemble à la police de caractères qui apparaîtrait sur les panneaux de signalisation extraterrestres. Et elle réalise bien cette esthétique. Elle est sans empattement, avec des majuscules et a un impact quel que soit l’endroit où vous la placez, bien que les titres et les en-têtes soient les mieux adaptés.
38. Ethna
Ethna a un aspect classique mais un style moderne. C’est une famille de polices de caractères sans empattement inspirée par le design humaniste et qui réussit bien à combiner des éléments de conception vintage et moderne pour créer quelque chose de nouveau. Celle-ci fonctionne bien dans tous les cas d’utilisation.
39. Noelle
Noelle est une police à empattements géométriques qui est prête à faire une première impression positive. Elle est de conception minimaliste et conviendrait parfaitement aux titres et aux en-têtes de n’importe quel secteur. Elle possède quelques éléments vintages mais semble toujours fraîche. Utilisez-la en ligne ou sur papier. De plus, elle est livrée avec une police de caractères en bonus.
40. Sequel
Sequel est une police de caractères arrondie, parfaite pour les logos et les en-têtes. Mais surtout, elle est dotée d’une série de ligatures qui donnent 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. Higher
Higher est un autre choix de police sophistiquée qui offre un aspect classique. Cette police tout 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 qui a un aspect futuriste et qui est 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ériels de marque. Elle est toutefois préférable pour les phrases courtes, car les phrases plus longues pourraient être un peu illisibles.
43. Jollin
Jollin est une police de caractères moderne, avec des traits bouclés sur certaines lettres et un aspect général. Cette police sans empattement existe en version normale et en italique et comprend une variété de lettres alternatives afin que vous puissiez rendre votre texte plus simple ou plus élégant selon votre humeur.
44. Phenomena
Phenomena est une police de caractères étroite et massive aux bords arrondis. Elle s’impose et peut facilement être utilisée pour les titres, les logos ou les en-têtes. Elle est disponible en 7 styles différents, de fin à gras, et offre é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 la laissez faire – dans le bon sens. Il s’agit d’une option toute en majuscules qui inclut également des chiffres, des glyphes et des caractères occidentaux pour faire bonne mesure.
46. Sundays
Sundays est une police à empattements qui est définitivement de l’époque actuelle mais qui a aussi un côté classique indéniable. Elle est plus fine et plus incurvée que les polices similaires classiques, et son style convient aux titres et aux titres de magazines, aux logos de sites web, aux en-têtes, etc.
47. Cornerstone
Cornerstone est une autre police de caractères en bloc qui offre une conception modulaire pouvant fonctionner dans un certain nombre d’applications différentes, des logos aux en-têtes.
48. One Day
One Day est une police fine avec des lignes de séparation intéressantes qui la rendent unique. C’est une autre police entièrement en majuscules avec un style léger et fin. Elle comprend des chiffres et des glyphes et semble géométrique sans être trop carrée.
49. Kollektif
Le Kollektif est une police de caractères classique et moderne qui peut être utilisée de nombreuses façons. Elle est de conception géométrique et se décline en deux poids. Elle est également optimisée pour l’impression et le web.
50. Nostalgia
Ensuite, il y a Nostalgie, 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. Elle comprend 3 polices ainsi que des glyphes alternatifs, des ligatures et des fleurs. Elle serait un excellent choix pour les logos, les titres, les affiches ou les invitations.
51. Elixia
Elixia a un aspect éthéré digne d’un repaire d’alchimiste. Elle est géométrique et comprend des angles de lignes supplémentaires sur chaque lettre qui offrent un style unique.
52. Salmon
Ou vous pouvez opter pour Salmon. Cette police sans empattement est grasse et minimale. Elle est idéale pour les titres, les logos et les en-têtes. Il s’agit d’un modèle tout en majuscules, qui comprend une version remplie et une version esquissée qui se marient bien ensemble.
53. Thinoo
Thinoo est une autre police de caractères sans empattement. Elle est dotée d’un style fin et gras et comprend tous les styles de lettres, y compris les chiffres, les symboles et la ponctuation. C’est une police professionnelle et propre. Elle est simple mais attrayante. Elle convient à tous les types de sites web et de documents imprimés.
54. Summer Loving
Ou vous pourriez utiliser Summer Loving, une police moderne super amusante qui comprend plusieurs styles de police afin que vous puissiez créer tout un design en utilisant une seule police. Elle est livrée avec une police sans serif ainsi qu’un détail au pinceau qui peut immédiatement donner de la dimension à vos projets. Elle comprend également des ligatures et des lettres alternatives.
55. Silverfake
Silverfake offre une option de police à empattements largement espacés pour les titres, les logos, les en-têtes et les documents imprimés. Celle-ci serait parfaite pour un logo de t-shirt, par exemple.
56. Vienna
Enfin, il y a Vienna. Cette police moderne est une option à empattement qui a tout l’attrait d’une police classique utilisée sur les couvertures de magazines avec suffisamment de modifications pour s’adapter à l’esthétique actuelle. Elle est minimale et comprend les lettres majuscules, les chiffres et la ponctuation.
Résumé
Il y a plusieurs raisons pour lesquelles vous pourriez vouloir utiliser des polices personnalisées sur votre site. Que vous souhaitiez mieux adapter votre marque ou rendre votre contenu plus lisible sur tous les navigateurs, en téléversant vos propres polices de style moderne qui valent la peine d’être utilisées.
Malgré cela, le processus peut sembler intimidant au début. Vous devez trouver une police, la télécharger, la mettre dans un fichier .zip, puis la téléverser 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 à l’aide d’une extension (ou vous pouvez engager un développeur).
Toutefois, quelle que soit la manière dont vous abordez ce processus, vous pouvez être assuré que le résultat final sera élégant et ajoutera du caractère à l’aspect général de votre site. Nous espérons que la collection de 56 polices de caractères modernes que nous avons créée ici vous aidera à trouver celle qui convient le mieux à votre site. Qu’elle soit grasse ou fine, arrondie ou dure, embellie ou simple, la police que vous choisirez aura de l’impact !
(Lecture suggérée : Comment cacher la page et afficher les titres dans WordPress)
Laisser un commentaire