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.

Combinaisons proposées par Great Simple Studio

Sélections de webfonts commerciales

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…

Quelques caractères de la Crickx, fonte vernaculaire bruxelloise, numérisée par OSP.

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/

La version Mono de IBM Plex

Inter UI, par Rasmus Andersson
https://rsms.me/inter/

La fonte Inter UI

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.

Site de Typekit, en 2016.

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.

Goodgle Fonts, une sélection de fontes Google par Frank Adebiaye.

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: