Typographie
Fonderies numériques
F/LOSS
Les fontes distribuées sous licence libre sont nombreuses et leur qualité augmente constamment. Citons notamment :
Raphaël Bastide a initié et développé use & modify, site qui contient une liste importante de polices libres ou open source. Il maintient également une liste de fonderies libres : gitlab.com/raphaelbastide/libre-foundries. Uncut.wtf est un répertoire de fontes libres et open source.
Google est également devenu un distributeur de fontes ayant à son catalogue de nombreuses polices de qualité (pas toutes…) : Google Web Fonts. On se rappellera néanmoins qu’avec Google, rien n’est vraiment gratuit. Google se sert en effet des liens d’intégration des fontes comme de trackers lui permettant d’accumuler des données sur les visiteurs de votre page web.
Font Squirrel propose de nombreuses polices libres et/ou gratuites. Voir aussi Open Font Library et vous n’aurez (presque) plus de raison d’aller sur DaFont.
Services et fonderies commerciales
La plupart des fonderies de caractères a aujourd’hui pris le virage de la typographie pour le web. Les conditions d’accès aux webfonts sont cependant très différentes d’une fonderie à l’autre. La plupart des sites spécialisés offrent la mise à disposition de webfonts contre un abonnement annuel ; c’est le cas des gros diffuseurs cités ci-dessous. Ils ne doivent cependant pas éclipser la multiplicité des possibilités offertes par les diffuseurs et fonderies indépendantes.
Quelques indépendants à connaître
Les fonderies françaises
Liste établie et maintenue par Émilie Rigaud
Franck Adebiaye maintient (maintenait… c’est aujourd’hui Yannis Haralambous) un annuaire de la scène typographique française, qui tâche de lister les fonderies et dessinateurs de caractères français, en plus de proposer de nombreuses ressources en accès libre.
Sites et blogs
- Fonts in use, merveilleuse ressource liée à l’utilisation des caractères typographiques
- I love typography, avant de devenir une fonderie, ilovetypography.com est un blog important sur le typedesign
- Font Review Journal, analyses approfondies de caractères
- Typewolf, notamment typewolf.com/resources
- Alphabettes Un blog de femmes typographes et dessinatrices de caractères
- Oh no Les articles de James Edmonson, d’Oh No Type Co.
- Type design school Des tutoriels vidéo sur les bases du dessin de caractères.
- type.today Un blog qui se concentre sur les tendances, voir notamment tomorrow.type.today
- Attention, ça glyphe, un compte Instagram de vulgarisation sur la typographie
- Typomanie*, articles pédagogiques sur la typographie, par Muriel Paris
Newsletters
-
Better Web Typography for a Better Web
En association à son livre, Better Web Typography for a Better Web, Matej Latin offre un abonnement d’une semaine à un cours gratuit.
-
Jason Parmental, Web Fonts & Typography News
Une newsletter consacrée à exposer des exemples et des bonnes pratiques dans le champ de la typographie pour le web. Abonnement.
-
Noemi Stauffer, Fresh fonts
L’actualité des sorties typographiques vue par Noemi Stauffer. Abonnement.
En jouant
KernType, a kerning game est un petit jeu en ligne pour expérimenter les questions de l’approche (kerning) entre les caractères.
The Equilateral Triangle of a Perfect Paragraph est un autre jeu typographique en ligne permettant d’expérimenter les relations entre interligne, corps de caractère et largeur du paragraphe.
Typographie à l’écran
Outils pour la typographie numérique
A Curated list about digital typography. ; de nombreux outils, ressources et références pour tout ce qui touche à la manipulation numérique de la typographie. Attention, ça pique un peu les yeux.
Fondamentaux
The Elements of Typographic Style Applied to the Web
Publié en 2005 par Richard Rutter, ce site offre une lecture accélérée du classique de Robert Bringhurst, The Elements of Typographic Style (1992, Hartley & Marks), et décrit les solutions techniques envisageables en CSS – à l’époque… – pour satisfaire les principes énoncés dans le livre.
Thinking with type, d’Ellen Lupton
Guide pratique de la typographie par une grande dame du graphisme. Un peu d’histoire des formes typographiques, et beaucoup de conseils sur leur usage. Ce site est le compagnon du livre Thinking with Type: A Critical Guide for Designers, Writers, Editors, and Students, paru en français chez Pyramid.
Professional Web Typography
Un “livre web” très complet sur la typo pour le web, par Donny Truong.
Practical Typography
Un livre web en anglais écrit par l’avocat Matthew Butterick, abordant l’ensemble des aspects de la typographie par la pratique.
Réflexions et articles sur la typographie pour le web
Web Design is 95% Typography + The 100% Easy-2-Read Standard
Deux articles issus du blog de informationarchitects, studio helvetico-nippon (ça se dit ?). L’un sur le caractère fondamental de la dimension typographique du webdesign, l’autre sur quelques règles simples et importantes autour de la lisibilité (questionnables du point de vue d’un designer qui ne serait pas seulement un webdesigner).
READ ME!
Un article (en anglais) à la mise en page audacieuse sur les questions de lisibilité à l’écran. Lire aussi Designer as writer.
Archives
Vieux sites, articles et contenus, sans doute moins pertinents aujourd’hui.
Typography antialiasing + Real Web Type in Real Web Context
Comment le texte est il « rendu » à l’écran. Principes, qualités et problèmes de l’anti-crénelage (smashing magazine), et variations entre navigateurs et systèmes d’exploitation (A List Apart), traduit en français par Frédéric Chotard chez Pompage.net.
The essential guide to @font-face
Tel que son nom l’indique, un guide de référence pour l’utilisation de @font-face. Une version francophone et mise à jour d’un tel guide devrait être publiée bientôt sur Alsacréations pour faire suite à cet article : Comment utiliser une fonte « non-standard » sur un site Web ?
On Web Typography (2009)
Viel article de Jason Santa-Maria sur la typographie pour le web publié sur A List Apart.
Typographisme.net (2013…)
Site francophone qui propose de bons articles, fouillés, voire très fouillés (lire le très bon la typographie asymétrique de Jan Tschichold), sur la typographie au sens large et ses applications au web.
CSS : propriétés typographiques
Sur sitepoint.com, la références des propriétés typographiques CSS.
Gérer la taille du texte avec les « em »
Un article de Florent Vershelde chez Alsacréations, qui va un peu au delà de cette simple question de gestion de la taille du texte (corps).
Detail in web typography (pdf)
Aller plus loin avec @font-face, par Richard Rutter (@clagnut) : explorations des propriétés CSS avancées liées à l’utilisation de la typo sur le web (ligatures, graisses, chasses, etc.).