Typefaces for screens

Talk given at SmashingConf Freiburg, outlining a few notions to keep in mind when looking at typefaces, which are helpful when considering fonts for the web. And a few other ideas about typography for global audiences.

Transcript

1. SmashingConf Freiburg | 2014 ! Typefaces for screens Gerry Leonidas ! ! Department of Typography 
 & Graphic Communication
2. Typeface design is larger than you think, global, and indispensable.
3. Linotype & Machinery Type Drawing Office
4. L&M type drawing
5. Monotype keyboard and caster
6. Joana Correia’s workspace
7. Jos Buivenga’s workspace
8. most of you 2010 World demographics from populationpyramid.net
9. Typefaces are the nexus of 
 authors, content, and readers.
10. 1. character set
11. Gujarati type in Kalapi Gajjar’s hand
12. Bengali typewriter
13. Bengali 1/3 by Neel Kshetrimauym MATD 2010
14. Bengali 2/3 by Neel Kshetrimauym MATD 2010
15. Bengali 3/3 by Neel Kshetrimauym MATD 2010
16. 2. glyphs
17. Céline Willame, 2013 The Romans followed the Greeks¹º, in the footsteps of their predecessors, they sought to reconcile the cycles of the sun and the moon — 50/60 pt Riccardo Lorusso MATD 2013
18. Prakashan wa designed with the intention of developing corresponding styles in Odia and Latin, supporting a wider range of typographic expression. latin italic v odia hairline odia regular odia bold odia display ପନଶଉ latin light latin regular latin bold latin display w r s m A dysfunctional family is a family in which conflict, misbehaviour, and often child neglect or abuse on the part of individual parents occur continually and regularly, leading other members to accommodate such actions. Children sometimes grow up in such families with the understanding that such an arrangement is normal. Latin and Oriya by Alessia Mazzarella MATD 2013
19. Riccardo Olocco MATD 2014
20. 3. behaviours !
21. Gujarati orbital matras by Kalapi Gajjar MATD 2012
22. Juan Luis Blanco MATD 2014
23. 4. encoding
24. Examples for an encoding scheme or canonical representations?
25. example of Unicode confusion
26. Typefaces enable: 1. language and memory 2. communication and behaviours 3. community, identity, 
 innovation, originality *
27. Lushootseed typeface by Juliet Shen MATD 2006
28. Diacritics for Brazilian indigenous languages by Rafael Dietzsch MATD 2012
29. Gentium by Victor Gaultney MATD 2002
30. Georgia Verdana Calibri     Cambria     Candara   Consolas     Constantia   Corbel
32. The BBC. Who could tell?
33. The NY Times with Cheltenham headings
34. Looped and loopless Thai © Ben Mitchell MATD2012
35. Upright and secondary Korean by Jeongmin Kwon MATD2014
36. UniversitiesUK week, spring 2014
38. [the four typefaces I recommended in my next tweet were: ]
42. Tisa used in an earlier version of Medium
44. > even spacing > open counters > clear stroke joints ! > typeset texture determines identity
45. scholarly adhesion [even spacing]
46. scholarly adhesion
47. scholarly adhesion [open counters]
48. scholarly adhesion
49. scholarly adhesion
50. scholarly adhesion [clear stroke joints]
51. scholarly adhesion
52. scholarly adhesion
53. scholarly adhesion
54. Aims to have a deep knowledge in his field, and a wide understanding in relates ones. Knows where the gaps in his knowledge lie, and how to fill those in when they intervene with the ability to understand and explain. Recognises his limits, and tries to be conscious of his bias, such as it is. Combines a long view to detect trends, and an appreciation of the potential impact of individual actions. Has a refined bullshit detector. Aims to have a deep knowledge in his field, and a wide understanding in relates ones. Knows where the gaps in his knowledge lie, and how to fill those in when they intervene with the ability to understand and explain. Recognises his limits, and tries to be conscious of his bias, such as it is. Combines a long view to detect trends, and an appreciation of the potential impact of individual actions. Has a refined bullshit detector.
55. ande ande Elena and Tisa
56. danilio dani i l o Elena and Helvetica
57. danilio dani i l o Helvetica on Elena spacing
58. danilio danilio Helvetica on native spacing
59. danilio danilio Ideal Sans and Helvetica
60. Aims to have a deep knowledge in his field, and a wide understanding in relates ones. Knows where the gaps in his knowledge lie, and how to fill those in when they intervene with the ability to understand and explain. Recognises his limits, and tries to be conscious of his bias, such as it is. Combines a long view to detect trends, and an appreciation of the potential impact of individual actions. Has a refined bullshit detector. Aims to have a deep knowledge in his field, and a wide understanding in relates ones. Knows where the gaps in his knowledge lie, and how to fill those in when they intervene with the ability to understand and explain. Recognises his limits, and tries to be conscious of his bias, such as it is. Combines a long view to detect trends, and an appreciation of the potential impact of individual actions. Has a refined bullshit detector.
61. De Aetna, Aldus Manutius
62. unde incendia oriantur Aetnae tuae : habe nunc quómodo etiam orta per - durent in : quo quidem nolo ego te il - lud admirari ,quod uulgusfolet:magnū tantas flammas memoriam alerétur
63. Instapaper and De Aetna
64. Complex, global typography
65. Bilingual Lexicon
66. slide from vimeo.com/73444208
67. Jordan Bell MATD 2014
68. Forthcoming briefs for the MATD from the Script Encoding Initiative
69. The joy of lettershapes ! ! ! ! ! ! [examples by MATD 2014 students;
 more on typefacedesign.net]
70. Arabic
71. Bengali
72. Georgian
73. Gujarati
74. Gurmukhi
75. Hiragana
76. not Italian
77. Kanji
78. Khmer
79. Korean
80. Malayalam
81. z as in zamboni
82. If you think you’re nerds, think again.
83. Thank you, and get in touch ! @gerryleonidas @typefacedesign reading.ac.uk/typography typefacedesign.net