Type at Scale

From TypeCon 2014: Capitalized in Washington, DC, an inside look at typography at Facebook and the Analog Research Lab.

Transcript

1. View Slide

2. AN INSIDE LOOK AT TYPOGRAPHY AT FACEBOOK
   TYPE AT SCALE
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. FACEBOOK STARTS USING HELVETICA
    FOR EVERYTHING… AND YOU WON’T
    BELIEVE WHAT HAPPENS NEXT!
    † Not actually true
    †
    

    View Slide

14. View Slide

15. “In short, Helvetica has almost none of
    THE characteristics that are required
    for readability at small sizes or long
    passages: rhythm, openness, moderate
    letterspacing, moderate contrast.”
    — Stephen Coles
    

    View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. SCALE
    

    View Slide

21. View Slide

22. View Slide

23. 719,000,000
    2.5BILLI*N
    

    View Slide

24. 719,000,000
    2.5BILLI*N
    

    View Slide

25. INSPIRED
    

    View Slide

26. CONSISTENCY
    

    View Slide

27. ************
    ***UTILITY**
    *********EFF
    ICIENCY*****
    

    View Slide

28. View Slide

29. INFRASTRUCTURE*******
    **ACCESS*************
    *****************SURF
    ACES*****************
    ********PEOPLE*******
    

    View Slide

30. SIMPLE
    HARD WORKING
    

    View Slide

31. $
    

    View Slide

32. NOTHING AT FACEBOOK IS
    SOMEONE ELSE’S PROBLEM
    

    View Slide

33. View Slide

34. View Slide

35. PERFORMANCE
    *************
    CAPABILITIES
    

    View Slide

36. 83.24 Kb
    NEUE FRUTIGER THIN WEB FONT (TTF)
    

    View Slide

37. Af-Soomaali Afrikaans Akan Aymar aru Azərbaycan dili Bahasa Indonesia Bahasa Melayu Basa
    Jawa Bisaya Bosanski Català Čeština Cherokee Cymraeg Dansk Davvisámegiella Deutsch
    Eesti English (India) English (UK) English (US) Español Español (Chile) Español (Colombia)
    Español (España) Español (México) Español (Venezuela) Esperanto Euskara Filipino Føroyskt
    Français (Canada) Français (France) Frysk Gaeilge Galego Guarani Hindi (Hinglish) Hrvatski
    isiNdebele isiXhosa isiZulu Íslenska Italiano Kinyarwanda Kiswahili Kurdî Latviešu Lietuvių
    Limburgs lingua latina Magyar Malagasy Malti Nederlands Nederlands (België) Norsk (bokmål)
    Norsk (nynorsk) O’zbek Polski Português (Brasil) Português (Portugal) Qhichwa Română
    Rumantsch Shona Shqip Slovenčina Slovenščina Suomi Svenska Tiếng Việt tlhIngan-Hol
    Türkçe Ελληνικά Ἑλληνική ἀρχαία Беларуская Български Қазақша Македонски Монгол
    Русский Српски Татарча тоҷикӣ Українська
    ქართული Հայերեն ﺔﻴﺑﺮﻌﻟا ودرا תירבע ש
    یﺪﻧەوﺎﻧ ﯽﯾدرﻮﮐ ﯽﺳرﺎﻓ ﻮﺘښﭘ नेपाली मराठी सं कृतम् िह दी िह दी (मॉडन) বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ
    தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ภาษาไทย မြန်မာဘာသာ ភាសាខ្មែរ 한국어 中文
    (台灣) 中文(简体) 中文(香港) 日本語
    

    View Slide

38. Af-Soomaali Afrikaans Akan Aymar aru Azərbaycan dili Bahasa Indonesia Bahasa Melayu Basa
    Jawa Bisaya Bosanski Català Čeština Cherokee Cymraeg Dansk Davvisámegiella Deutsch
    Eesti English (India) English (UK) English (US) Español Español (Chile) Español (Colombia)
    Español (España) Español (México) Español (Venezuela) Esperanto Euskara Filipino Føroyskt
    Français (Canada) Français (France) Frysk Gaeilge Galego Guarani Hindi (Hinglish) Hrvatski
    isiNdebele isiXhosa isiZulu Íslenska Italiano Kinyarwanda Kiswahili Kurdî Latviešu Lietuvių
    Limburgs lingua latina Magyar Malagasy Malti Nederlands Nederlands (België) Norsk (bokmål)
    Norsk (nynorsk) O’zbek Polski Português (Brasil) Português (Portugal) Qhichwa Română
    Rumantsch Shona Shqip Slovenčina Slovenščina Suomi Svenska Tiếng Việt tlhIngan-Hol
    Türkçe Ελληνικά Ἑλληνική ἀρχαία Беларуская Български Қазақша Македонски Монгол
    Русский Српски Татарча тоҷикӣ Українська
    ქართული Հայերեն ﺔﻴﺑﺮﻌﻟا ودرا תירבע ש
    یﺪﻧەوﺎﻧ ﯽﯾدرﻮﮐ ﯽﺳرﺎﻓ ﻮﺘښﭘ नेपाली मराठी सं कृतम् िह दी िह दी (मॉडन) বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ
    தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ภาษาไทย မြန်မာဘာသာ ភាសាខ្មែរ 한국어 中文
    (台灣) 中文(简体) 中文(香港) 日本語
    

    View Slide

39. 14.9 MB
    ARIAL UNICODE MS (WOFF)
    

    View Slide

40. PREDICT
    ABILITY
    

    View Slide

41. View Slide

42. PEOPLE
    

    View Slide

43. ******** **
    OPPORTUNITY
    

    View Slide

44. 80%
    OUTSIDE USA CANADA
    

    View Slide

45. “EMERGING COUNTRIES ARE
    HUNGRY FOR A BETTER WEB
    EXPERIENCE. COMPANIES
    THAT DELIVER ONE WILL
    BE REWARDED.”
    http://www.theatlantic.com/technology/archive/2014/07/how-fonts-reveal-the-many-new-users-of-the-internet/375230/
    

    View Slide

46. View Slide

47. HOW YOU MIGHT FEEL BY NOW
    

    View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. View Slide

56. View Slide

57. View Slide

58. View Slide

59. View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. View Slide

66. Founded in 2004, Facebook’s mission is to give people the power to share and make the world more
    open and connected. People use Facebook to stay connected with friends and family, to discover what’s
    going on in the world, and to share and express what matters to them.
    12/16 PT
    Regular
    abcdefghijklmnopqrstuvwxyz
    áăâäæǽàāąãåǻćčçĉċďđéĕěêëėèēęğĝģġħĥíĭîïìĩīįijĵķĺľļl·łńňņñóŏôöœòőō
    øǿõŕřŗśšşŝșßŧťţúŭûüùűūųůũẁŵẅẃỳŷÿýźžżабвгдежзийклмнопрстуф
    хцчшщъыьэюяѐґёђћѓєѕіїјљњќѝўџ
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    ÁĂÂÄÆǼÀĀĄÃÅǺĆČÇĈĊĎĐÉĔĚÊËĖÈĒĘĞĜĢĠĦĤÍĬÎÏİÌĨĪĮIJĴĶĹĽ
    ĻL·ŁŃŇŅÑÓŎÔÖŒÒŐŌØǾÕŔŘŖŚŠŞŜȘŦŤŢÚŬÛÜÙŰŪŲŮŨẀ
    ŴẄẂỲŶŸÝŹŽŻАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬ
    ЭЮЯЀҐЁЂЋЃЄЅІЇЈЉЊЌЍЎЏ
    §$¢£¥€&!?#0123456789%‰¼½¾
    []{}()ÐŊÞðŋþ¡¿†‡ƒ∫fifl∂√/\∆Ω∏∑⁄
    ◊|¦µπ‹›«»¤−×÷+±=≠¬≈~∞^<>≤≥@
    ™ • - – — : ; , ‚ „ . . . . _ * ‘ ’ “ ” ¹ ² ³
    Like
    23 personnes aiment ça
    Zoek naar mensen, plaatsen en dingen
    Gefällt mir
    Тражи људе, места и ствари
    #HASHTAG
    Inspirado em dispositivos móveis
    Regular
    

    View Slide

67. Connect and Share
    Camera
    Suche nach Personen, Orten und Dingen
    töllöttää
    Ищите друзей, места или предметы
    Messenger
    ¿Qué estás pensando?
    Semibold
    Founded in 2004, Facebook’s mission is to give people the power to share and make the world more
    open and connected. People use Facebook to stay connected with friends and family, to discover
    what’s going on in the world, and to share and express what matters to them.
    12/16 PT
    Semibold
    abcdefghijklmnopqrstuvwxyz
    áăâäæǽàāąãåǻćčçĉċďđéĕěêëėèēęğĝģġħĥíĭîïìĩīįijĵķĺľļl·łńňņñóŏôöœò
    őōøǿõŕřŗśšşŝșßŧťţúŭûüùűūųůũẁŵẅẃỳŷÿýźžżабвгдежзийклмнопр
    стуфхцчшщъыьэюяѐґёђћѓєѕіїјљњќѝўџ
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    ÁĂÂÄÆǼÀĀĄÃÅǺĆČÇĈĊĎĐÉĔĚÊËĖÈĒĘĞĜĢĠĦĤÍĬÎÏİÌĨĪĮIJĴĶĹĽĻL
    ·ŁŃŇŅÑÓŎÔÖŒÒŐŌØǾÕŔŘŖŚŠŞŜȘŦŤŢÚŬÛÜÙŰŪŲŮŨẀŴẄ
    ẂỲŶŸÝŹŽŻАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬ
    ЭЮЯЀҐЁЂЋЃЄЅІЇЈЉЊЌЍЎЏ
    §$¢£¥€&!?#0123456789%‰¼½¾
    []{}()ÐŊÞðŋþ¡¿†‡ƒ∫fifl∂√/\∆Ω∏∑⁄
    ◊|¦µπ‹›«»¤−×÷+±=≠¬≈~∞^<>≤≥@
    ™ • - – — : ; , ‚ „ . . . . _ * ‘ ’ “ ” ¹ ² ³
    

    View Slide

68. View Slide

69. WE MAKE
    MISTAKES AND
    TRY AGAIN
    

    View Slide

70. View Slide

71. View Slide

72. THANK YOU
    

    View Slide