Des polices d’écriture à installer sans hésiter
Cette page est en «rédaction publique»: pas aboutie mais déjà disponible.
Commentaires et suggestions bienvenu·e·s!
Voici une sélection de polices d’écriture disponibles gratuitement. Si elles étaient plus souvent installées, il serait possible de limiter drastiquement les téléchargements pour des sites plus rapides et écologiques. Comme beaucoup de périphériques n’en disposent pas, on envoie des polices (web fonts) à chaque visite, au mépris de tout bon sens. Un choix aussi restreint que celui proposé ici serait suffisant pour peut-être 90% du web.
Je me suis déjà exprimé sur le sujet des polices système. Je sais que je prêche dans le désert, mais vous conseille quand même de les installer pour en disposer en local.
Toutes les polices ci-dessous sont disponibles en téléchargement (non pas seulement comme polices web) chez Google Fonts. Mais j’essaie de vous proposer des liens plus intéressant pour les découvrir.
Critères de choix
Pour les polices sans et avec empattement, je souhaités au moins 4 versions pour disposer d’une police droite, de l’italique et du gras (700). Je ne me vois pas publier du texte sur le web sans ces variantes.
Les polices listées dans Modern Font Stack sont signalées par 🧰 Les polices citées par The 40 Best Free Fonts Available on Google Fonts sont signalées par ⭐.
Sans empattement (sans-serif
)
Archivo
Archivo est une police d’apparence simple et classique (à première vue). Elle propose un bel italique, avec notamment un f bien différent de la police droite La lettre g est très particulière en version droite. Disponible en version variable pour la graisse et la largeur.
À tester chez Omnibus-Type: https://www.omnibus-type.com/variable-fonts/#archivo
Asap
Asap la particularité de ne pas varier en largeur quelle que soit la graisse utilisée. Mais c’est bien une police proportionnelle; le i est plus étroit que le m, contrairement aux chasses fixes. Disponible en version variable pour la graisse et la largeur.
C’est aussi une police d’Omnibus-Type: https://www.omnibus-type.com/variable-fonts/#asap
Fira Sans ⭐
Fira Sans est une des plus belles polices de ces 15 dernières années. Elle n’est pas variable, mais disponible en 9 grasses différentes. Des versions condensée et très condensée sont disponibles. L’italique est magnifique.
https://bboxtype.com/typefaces/FiraSans/
IBM Plex Sans ⭐
IBM Plex Sans fait partie de la grande famille IBM Plex, avec le version à empattement (IBM Plex Serif) et celle à chasse fixe (IBM Plex Mono). C’est un excellent choix pour qui souhaite un souhaite un ensemble typographique complet et cohérent. Plusieurs assemblages sont possibles, par exemple le code en mono, les titres et les citations en serif et le corps du text en sans sérif.
Autre famille complète intéressante: Source Sans 🧰, Source Serif & Source Code 🧰 par Adobe. Mais la logique des noms (numéro de version dans le nom, présence de «pro») les rend pénibles à utiliser dans une pile de polices.
Inter 🧰 ⭐
Inter est une des polices à la mode, mais c’est amplement mérité. Elle est variable et dispose de la taille optique. C’est la police (gratuite) qui remplace le mieux San Francisco d’Apple. La version 4 propose un italique très (trop?) différent du droit.
Je vois de plus en plus de sites qui suggèrent Inter (et souvent Roboto) dans leur liste font-style
, mais sans envoyer de fichiers sur vous ne l’avez pas.
Donc c’est une priorité de l’installer pour éviter de tomber sur Arial.
Pimp my Type propose une vidéo intéressante sur la version 4: https://pimpmytype.com/inter-v4/
La page du créateur Rasmus Andersson permet de visualiser toutes les possibilités (font features): https://rsms.me/inter/
Montserrat 🧰 ⭐
J’aime assez peu cette police pour le corps du texte, mais la trouve excellent pour la titraille. Ou pour des texte courts en assez grande taille. Mais je serais heureux de la savoir installée sur beaucoup d’ordinateurs pour pouvoir l’appeler sans exiger un téléchargement. Comme c’est une des fontes les plus utilisés chez Google Fonts, ce serait une excellente nouvelle.
https://github.com/JulietaUla/Montserrat
Noto Sans 🧰
Noto n’est pas seulement une police, mais un grand projet de Google. L’idée est de produire un ensemble qui permettent d’écrire toutes les langues. Noto Sans est une excellente police, sans grande originalité mais belle et efficace. Elle peut être accompagnée de Noto Serif, de Noto Sans Mono et même de jeux d’emojis colorés ou noir/blanc. À conseiller vivement si vous consultez des sites en alphabet non latin.
Poppins ⭐
Poppins est une police géométrique bien équilibrée, particulièrement appréciée pour son apparence moderne et lisible. Elle taille un peu grand et large pour des longs textes. Elle est parfaite pour la titraille.
https://www.fontshare.com/fonts/poppins
Public Sans
Public Sans est une police inspirée de Libre Franklin et développée par le gouvernement américain pour des usages institutionnels. Elle est neutre, moderne et fonctionne bien pour des interfaces web et du texte courant. C’est à mon avis un police sous-estimée (ou méconnue).
https://public-sans.digital.gov/
Roboto 🧰 ⭐
Roboto est la police la plus utilisée de Gooogle Fonts et la police par défaut d’Android.
Autant dire qu’elle est partout.
C’est un peu la nouvelle Arial.
Je vois de plus en plus de sites qui suggèrent Roboto (et souvent Inter) dans leur liste font-style
, mais sans envoyer de fichiers sur vous ne l’avez pas.
Donc c’est une priorité de l’installer pour éviter de tomber sur Arial.
Elle est disponible en version variable et en version statique (avec 9 graisses) chez Google Fonts: https://fonts.google.com/specimen/Roboto
Je déconseille Roboto Flex qui est beaucoup trop complexe d’utilisation.
Ubuntu 🧰
La police Ubuntu a été conçue pour le système d’exploitation Ubuntu. Elle est contemporaine et très lisible à l’écran. Je ne l’aime pas beaucoup… mais elle est listée dans des fonts stacks de référence.
https://design.ubuntu.com/font
Avec empattement (serif
)
Alegreya ⭐
Alegreya est des plus belles polices à empattement qui existe. Elle taille un peu petit, mais est très lisible avec une taille assez grande. L’italique est splendide et les ligatures fabuleuses.
https://huertatipografica.com/en/fonts/alegreya-ht-pro
Fraunces ⭐
Fraunces est une police assez géniale. Elle se rapproche de Cooper Black, très à la mode pour la titraille. Mais elle est surtout étonnement efficace pour du texte. Une des premières polices à présenter un jeu de variations intéressant.
https://fraunces.undercase.xyz/
Gelasio
Gelasio, créée par Eben Sorkin, remplace très bien Georgia dont elle reprend l’apparence générale et les métriques.
Elle est surtout libre et gratuite, contrairement à l’excellente police de Matthew Carter.
Elle a l’avantage de proposer plus de graisses différentes (et une version variable) ainsi que 2 jeux de nombres au lieu d’un seul.
En version courte, toute séquence Georgia, serif
d’une feuille de style devrait devenir Gelasio, Georgia, serif
.
https://pimpmytype.com/font/gelasio/
Literata
Magnifique, point!
Pas besoin d’en parler, il suffit de regarder ce qu’en fait Richard Clagnut pour l’adopter.
Lisibilité exceptionnelle, avec des tailles optiques.
Une des polices techniquement les plus complètes du moment.
Pour compléter le passage sur Gelasio, j’aurais tendance à conseiller Literata, Gelasio, Georgia, serif
pour un site sans empattement.
https://www.type-together.com/literata-font
Lora ⭐
Lora est une police avec empattement particulièrement élégante. L’italique a une apparence calligraphique. Je la trouve parfois trop fine (ou trop petite) sur les sites web.
https://www.cyreal.org/fonts/lora/
Merriweather ⭐
Merriweather est une des polices à empattement les plus lisibles. Elle est disponible en version variable: graisse, largeur et taille optique. En version statique, elle taille grand et demande un interligne assez important (1.6 me semble le minimum).
La version variable n’est pas disponible sur Google Fonts. Elle se trouve chez le fondeur: https://github.com/SorkinType/Merriweather
Noto Serif
Noto Serif est l’équivalent avec empattement de Noto Sans. Elle fait partie de l’énorme projet Noto qui vise à couvrir toutes les langues et tous les caractères du monde. Je la trouve que c’est une des meilleures polices à empattement, moins banale que la variante sans.
https://fonts.google.com/noto/specimen/Noto+Serif
Piazzolla
Piazzolla est une police étonnante. Elle semble cabossée de partout et reste pourtant très lisible pour du texte long. C’est en partie parce qu’elle dispose de taille optique. Je rêverais de la savoir installée souvent et de pouvoir jouer avec.
https://piazzolla.huertatipografica.com/
Pour les titres et intertitres
Si ces quelques polices étaient installés sur beaucoup de périphériques, il serait facile de proposer des assemblages intéressants et conforme au contenu du site. La sélection est brève, mais j’ai l’impression que ce serait suffiant pour beaucoup de cas:
- Barlow Condensed
- Bebas Neue
- Bricolage Grotesque
- Fraunces
- Roboto Slab 🧰
- Syne ⭐
Sans oublier que Merriweather ou Poppins vont très bien pour la titraille.
Polices à chasse fixe (monospace
)
Ces polices sont normalement prévues pour du code. Certaines ont des fonctions particulières (ligatures).
Courier Prime
Courier Prime est prévue explicitement pour le texte, notamment l’écriture de scénarios. Elle est très lisible à l’écran et l’italique est de belle qualité.
https://quoteunquoteapps.com/courierprime/
JetBrains Mono
JetBrains Mono est la police que j’utilise dans mon éditeur de texte. Elle est parfaitement optimisée pour la lecture du code. Je ne vois pas de raison de chercher plus loin.
Comme elle dispose d’un bel italique et de plusieurs graisses, elle peut être utilisée sans problème pour un site web (y compris le texte).
La page de présentation officielle est excellente: https://www.jetbrains.com/fr-fr/lp/mono/
Autres polices à chasse fixe
- Fira Code ou Fira Mono
- Hack
- IBM Plex Mono
- Roboto Mono
- Source Code Pro 🧰
- Ubuntu Mono
- Victor Mono
Il y peu de raisons de les installer si vous ne lisez pas régulièrement du code.
Pour visualiser des polices dédiées à la programmation dans leur milieu naturel: https://www.programmingfonts.org/