Type at Scale

7c8469ee8c9e594c65c59b919626c08d?s=47 Scott Boms
August 02, 2014

Type at Scale

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

7c8469ee8c9e594c65c59b919626c08d?s=128

Scott Boms

August 02, 2014
Tweet

Transcript

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

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. FACEBOOK STARTS USING HELVETICA FOR EVERYTHING… AND YOU WON’T BELIEVE

    WHAT HAPPENS NEXT! † Not actually true †
  14. None
  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
  16. None
  17. None
  18. None
  19. None
  20. SCALE

  21. None
  22. None
  23. 719,000,000 2.5BILLI*N

  24. 719,000,000 2.5BILLI*N

  25. INSPIRED

  26. CONSISTENCY

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

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

  30. SIMPLE HARD WORKING

  31. $

  32. NOTHING AT FACEBOOK IS SOMEONE ELSE’S PROBLEM

  33. None
  34. None
  35. PERFORMANCE ************* CAPABILITIES

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

  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 Ελληνικά Ἑλληνική ἀρχαία Беларуская Български Қазақша Македонски Монгол Русский Српски Татарча тоҷикӣ Українська ქართული Հայերեն ﺔﻴﺑﺮﻌﻟا ودرا תירבע ש یﺪﻧەوﺎﻧ ﯽﯾدرﻮﮐ ﯽﺳرﺎﻓ ﻮﺘښﭘ नेपाली मराठी सं कृतम् िह दी िह दी (मॉडन) বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ภาษาไทย မြန်မာဘာသာ ភាសាខ្មែរ 한국어 中文 (台灣) 中文(简体) 中文(香港) 日本語
  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 Ελληνικά Ἑλληνική ἀρχαία Беларуская Български Қазақша Македонски Монгол Русский Српски Татарча тоҷикӣ Українська ქართული Հայերեն ﺔﻴﺑﺮﻌﻟا ودرا תירבע ש یﺪﻧەوﺎﻧ ﯽﯾدرﻮﮐ ﯽﺳرﺎﻓ ﻮﺘښﭘ नेपाली मराठी सं कृतम् िह दी िह दी (मॉडन) বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ภาษาไทย မြန်မာဘာသာ ភាសាខ្មែរ 한국어 中文 (台灣) 中文(简体) 中文(香港) 日本語
  39. 14.9 MB ARIAL UNICODE MS (WOFF)

  40. PREDICT ABILITY

  41. None
  42. PEOPLE

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

  44. 80% OUTSIDE USA CANADA

  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/
  46. None
  47. HOW YOU MIGHT FEEL BY NOW

  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None
  61. None
  62. None
  63. None
  64. None
  65. None
  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
  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∂√/\∆Ω∏∑⁄ ◊|¦µπ‹›«»¤−×÷+±=≠¬≈~∞^<>≤≥@ ™ • - – — : ; , ‚ „ . . . . _ * ‘ ’ “ ” ¹ ² ³
  68. None
  69. WE MAKE MISTAKES AND TRY AGAIN

  70. 7

  71. None
  72. THANK YOU