À l’heure de la création liquide ou “responsive”, les fontes se mettent à la page. La technologie “Multiple Master” et plus récemment les “variable fonts” permettent au dessinateur de caractères de de réfléchir en terme d’espace de design et non plus en forme statique, comme cela a été le cas pendant des siècles. Cela ouvre des perspectives infinies pour le créateur, mais aussi pour l’utilisateur qui se trouvera demain en possession d’une matrice typographique.

1. Variable fonts
& la matrice
typographique
Malou Verlomme • BlendWebMix 2017

2. Un nouveau
format

3. L’annonce
Septembre 2016, ATypI Varsovie [https://www.youtube.com/watch?v=6kizDePhcFU]

4. “Une fonte unique qui se comporte
comme plusieurs fontes”
John Hudson [https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369]

5. Un seul fichier

6. Deltas

7. 657 kb 199 kb
Taille de fichiers

8. CJ Dunn [http://cjtype.com/dunbar]
Dunbar

9. La matrice
& le designer

10. g g g g g g
g g g g g g
g g g g g g
g g g g g g
g g g g g g
g g g g g g
Malou Verlomme, 2012
Camille

11. Malou Verlomme, 2012
Camille

12. abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
Camille Slab
Hairline
Thin
Extra Light
Light
Regular
Medium
Bold
Extra Bold
Black
Camille Slab ItalicCamille Antique Camille Antique ItalicCamille Modern Camille Modern ItalicCamille Display Camille Display Italic
Malou Verlomme, 2012
Camille

13. Ionic N°5, Linotype, 1925
Ionique

14. a
a
a
Original Ionic N°5Drawn master (Light) Drawn master (Bold)
Generated instance (Regular)
Malou Verlomme & Clément Charbonnier, 2016
Ionique

15. abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXY&Z
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXY&Z
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXY&Z
Malou Verlomme & Clément Charbonnet, 2016
Ionique

16. Petit historique
de la matrice
typographique

17. Univers, Adrian Frutiger
1957 — Univers

18. Thesis, Lucas de Groot
1994-1999 — Thesis

19. Nick Sherman [https://alistapart.com/column/font-hinting-and-the-future-of-responsive-typography]
1894 — Century Expanded

20. 1835 — Vincent Figgins

21. Ferdinand Ulrich [https://www.fontshop.com/content/from-compressed-light-to-extended-ultra]
1828–1900 — American wood type

22. TYPO Labs 2017, Akiem Helmling & Bas Jacobs
2017 — Underware

23. C’est pour
quand?

24. chrome canary Chrome 62 Safari 11 Firefox
Developer Edition
Browsers

25. [https://www.youtube.com/watch?v=ch8neQEPuIA]
Apps

26. Demo

27. Laurence Penney [www.axis-praxis.org]
Axis Praxis

28. Erik van Blokland, [http://letterror.com/dev/mathshapes]
Responsive Lettering

29. Nouveaux
horizons

30. Typographie responsive

31. Jean François Porchez [https://typofonderie.com/fonts/mencken-family]
Mencken Pro GX

32. Andrew Johnson and Erik van Blokland [https://vimeo.com/178954414]
Adaptation à la distance du lecteur

33. Tom Lokhorst [https://twitter.com/i/web/status/837037624003031040]
Adaptation à la lumière ambiante

34. Justification
Indesign Justification settings

35. FOUT
Robin Rendle [https://robinrendle.com/essays/new-web-typography/]

36. Nick Sherman [http://font-to-width.com]
Font-to-width

37. C’est beau
le progrès,
mais…

38. Desktop
License
Extended
Multi-User
License
Library
Subscription
Digital Ad
License
Mobile App
License
Electronic
Publication
(ePub) License
Server
License
Webfont
LicenseFamily
pack
Single
weight
Bundles
Free
trials
Film
License
Font
renting
Modèle de licence

39. La matrice pour l’utilisateur

40. “Dans le nouvel âge de l’informatique,
la multiplication des polices de caractères
[…] représentent une nouvelle forme de
pollution visuelle menaçant nos cultures”
Massimo Vignelli

41. Choix = Liberté?

42. Merci!
@malouverlomme