Sources de fontes
Fontes sous licence libre
Quelques fontes typographiques intéressantes, en majeure partie sous licence libre et/ou gratuites.
Bibliothèques de fontes:
Google Fonts:
https://fonts.google.com/
Open Font Library:
https://fontlibrary.org
Sélections de fontes libres
Les “Hot 30”, une sélection de 30 fontes libres, projet de Stefan Endress et Alastair O’Shea:
http://www.open-foundry.com/hot30
Use & Modify, sélection de fontes maintenue par Raphaël Bastide:
http://usemodify.com/
fonts.greatsimple.io, cinq belles combinaisons de fontes, par Great Simple Studio.
Sélections de webfonts commerciales
- Article de Jeremiah Shoaf, sur la popularité des fontes.
- Une sélection de belles fontes trop rarement utilisées, par Indra Kupferschmid.
Fonderies typographiques
Les fontes du collectif Velvetyne Type Foundry:
https://velvetyne.fr/
Lack, Avara, Sporting Grotesque, Steps Mono…
Les fontes du collectif OSP (Open Source Publishing):
http://osp.kitchen/foundry/
Limousine, Le Patin Helvète, Crickx…
Les fontes du studio Uplaod:
http://uplaod.fr/allfonts
https://github.com/uplaod
Les fontes d’Alfredo Marco Pradil (certaines sous licence libre):
https://fontlibrary.org/en/member/hanken
https://sellfy.com/hankendesignco
Quelques coups de cœur
Bagnard, et Bagnard Sans:
http://www.love-letters.be/
https://github.com/sebsan/Bagnard-Sans
Gidole, open-source modern DIN:
https://github.com/larsenwork/Gidole
Infini, une fonte de Sandrine Nugue:
http://cnap.graphismeenfrance.fr/infini/
Une extension WordPress pour charger la fonte.
Work Sans
https://github.com/weiweihuanghuang/Work-Sans
Fira mono, par Erik Spiekermann
https://github.com/mozilla/Fira
Source code pro, par Adobe
https://github.com/adobe-fonts/source-code-pro
IBM Plex, par IBM
Fonte en trois variantes, Serif, Sans-Serif et Monospaced.
https://www.ibm.com/plex/
Inter UI, par Rasmus Andersson
https://rsms.me/inter/
Fontes commerciales helvétiques
Quelques fonderies Suisses intéressantes, qui commercialisent leurs fontes pour un usage print et webfont:
Swiss Typefaces
https://www.swisstypefaces.com
Fatype
https://fatype.com/
Dinamo Typefaces
http://www.abcdinamo.com/
Altiplano Typefaces
https://www.altiplano.xyz/
Optimo Type Foundry
https://www.optimo.ch/
Lineto
https://lineto.com/
Grilli Type
https://www.grillitype.com/
ECAL Typefaces
https://ecal-typefaces.ch/
Services de distribution
Depuis 2009, plusieurs services de vente de fontes, par formule d’abonnement (Typekit) ou par achat unique (Fontspring) sont apparus sur le web.
Ces services ont l’avantage de proposer un grand choix de fontes, provenant de fonderies avec lesquelles ces plateformes collaborent. Voici quelques services:
- Adobe Fonts - anciennement Typekit, l’un des premiers services webfont, par abonnement, acquis par Adobe en 2011.
- Fontspring - plateforme lancée par Ethan Dunham, créateur de Fontsquirrel.
- Webtype - propose un catalogue d’environ 120 fontes, notamment celles de Font Bureau.
- Fonts.com, un service appartenant à Monotype (compagnie fondée en 1887). Propose un catalogue de 20’000 fontes.
- MyFonts, un service appartenant aussi à Monotype, proposant plus de 130’000 fontes.
- Hoefler&Co, service exclusif pour utiliser les fontes de Hoefler&Co.
Google Fonts
Depuis 2010, Google Fonts est un service d’hébergement gratuit de fontes pour le Web. Ces polices sont sous licences libres. Ceci nous permet d’inclure très rapidement une police dans le code. De plus, les fontes sont rangées par classifications. Elles sont affichées avec un lien de téléchargement, ce qui permet de les obtenir dans plusieurs formats tels que TrueType ou OpenType.
Le projet est piloté depuis ses débuts par Dave Crossland, un alumni du master de design typogaphique de l’université de Reading, Angleterre.
Inclure une fonte Google dans son code:
Le fonctionnement est simple. Il suffit de choisir une police parmi la liste. Ensuite, en cliquant sur Use this font, on nous demande de suivre les instructions plus bas dans le menu. Ceci générera un lien à copier-coller dans le head de notre HTML et d’utiliser le nom de la typographie dans le CSS.
Combiner des fontes
Il peut être intéressant de combiner deux fontes pour un effet de contraste, entre la fonte choisie pour le corps de texte, et celle des titres.
Quelques ressources:
- fonts.greatsimple.io, cinq belles combinaisons de fontes, par Great Simple Studio.
- Google Fonts Combinations, par Jeremiah Shoaf.
- The Step-by-Step Guide for Pairing Fonts, par Erik D. Kennedy