Pro Yearly is on sale from $80 to $50! »

Typefaces for screens

B43c22a07eccec875361bf66ad64b26c?s=47 Gerry Leonidas
September 16, 2014

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.

B43c22a07eccec875361bf66ad64b26c?s=128

Gerry Leonidas

September 16, 2014
Tweet

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
  31. None
  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

  37. None
  38. [the four typefaces I recommended in my next tweet were:

    ]
  39. None
  40. None
  41. None
  42. Tisa used in an earlier version of Medium

  43. None
  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