Helen V. Holmes: Type is your Right
•
2 likes•514 views
Mozilla's View Source 2016 in Berlin
Recommended
More Related Content
Similar to Helen V. Holmes: Type is your Right
Similar to Helen V. Holmes: Type is your Right (20)
More from Danielle A Vincent
Recently uploaded
Recently uploaded (20)
Helen V. Holmes: Type is your Right
- 3. content
- 4. CONTENT
- 6. + images type + layout =content +
- 9. BEAUTIFUL
- 12. What is beautiful web typography?
- 16. Written word is hella old
- 18. For example, apps tend to have similar navigations. Here, they all have bottom navigations with icons.
- 19. For example, apps tend to have similar navigations. Here, they all have bottom navigations with icons.
- 22. 1. Typography and what’s legible go hand-in-hand.
- 23. 1. Typography and what’s legible go hand-in-hand. 2. Typography is influenced by handwriting.
- 24. 1. Typography and what’s legible go hand-in-hand. 2. Typography is influenced by handwriting. 3. Typography is molded by technical revolution.
- 26. @seblester
- 27. @seblester
- 35. @seblester
- 36. @seblester
- 39. “The first typefaces were directly models on forms of calligraphy. Typefaces, however, are not bodily gestures—they are manufactured images design for infinite repetition.” —Ellen Lupton, Thinking with Type
- 61. font-feature-settings: "kern", "liga", "clig", "calt";
- 68. FONT BOOK—MAC CHARACTER MAP—WINDOWS GLYPHS PANEL ADOBE INDESIGN
- 75. ❝ whoa ❞
- 81. You know about OpenType features You know how to turn them on You have opinions on what you need/want You have a typeface you want to load 1. 2. 3. 4.
- 82. loading…
- 83. loading…
- 84. CONTENT IS KING
- 85. “… Readable content trumps custom fonts.” —Chris Manning, The @font-face Dilemma
- 88. FOUTFLASH OF UNSTYLED TEXT
- 89. FOITFLASH OF INVISIBLE TEXT
- 90. FOUT FOIT>
- 93. Calendas Plus
- 100. —Jason Santa Maria, On Web Typography “The thing I try to avoid most in my designs is not FOUT but a jarring shift in the layout when a webfont finishes loading. This shift is usually due to sizing discrepancies between your layout and system fonts, and your webfont.”
- 107. —Tim Brown, @nicewebtype “The style doesn’t matter so much, it’s that it has to flow the same way.”
- 109. But wait! We can do more!
- 110. But wait! We can do more!
- 111. roman / normal italic bold bold italic
- 112. FOFTFLASH OF FAUX TEXT
- 114. FOFT!FOIT! FOUT!
- 116. roman / normal italic bold bold italic STAGE ONE STAGE TWO
- 117. Proxima Nova
- 121. FOIT
- 122. FOIT
- 127. INSTEAD OF PERFORMANCE DICTATING DESIGN, HOW CANWEBUILDGREATDESIGNSTHATAREPERFORMANT?
- 132. @helenvholmes
- 133. ARTICLES —Tim Brown, Caring About OpenType Features —Zach Leatherman, Better @font-face with Font Load Events —Zach Leatherman, A Comprehensive Guide to Font Loading Strategies —Zach Leatherman, Critical Web Fonts —Zach Leatherman,Flash of Faux Text—Still More on Font Loading —Chris Coyier, FOUT, FOIT, FOFT —Chris Manning, The @font-face Dilemma —Kenneth Ormandy, Efficient Web Type Circa 1556 —Ricardo Filipe, Typography — Deep Into OpenType Features —MyFonts, How do I see all the characters in a font? —Matthew Butterwick, Butterick’s Practical Typography —Marcin Wichary, Using System UI Fonts In Web Design: A Quick Practical Guide OPEN SOURCE EMOJIS —Firefox OS, Sabrina Smelko, mozilla/fxemoji TOOLING —OpenType Sandbox, clagnut.com/sandbox/css3/ —Kenneth Ormany’s normalize-opentype.css, kennethormandy/nomalize-opentype.css —Kenneth Ormany’s utility-opentype.css, kennethormandy/utility-opentype —Bram Stein’s FontFaceObserver, fontfaceobserver.com/ —Zach Leatherman’s FontFaceOnload polyfill, zachleat/fontfaceonload TYPE COLOPHON —Adobe Text Pro, Adobe —Arial, Monotype Imaging —Avenir, Mergenthaler Linotype Company —Calendas Plus, Atipo Foundry —Courier, Monotype —Didot, Hoefler & Co. —Georgia, Microsoft Typography —Germanica, Paul Lloyd —Gotham, Hoefler & Co. —Harriet, OkayType —Helvetica, Haas Type Foundry —Hoefler Text, Hoefler & Co. —Impact, Stephenson Blake —Knockout, Hoefler & Co. —League Spartan, The League of Moveable Type —Majesti Banner, Lost Type Co-Op —Mrs. Eaves, Emigré —Proxima Nova, Mark Simonson Studio —Neue Haas Unica, Monotype —San Francisco, Apple —Verdana, Microsoft Typography —Whitney, Hoefler & Co.
- 134. ARTICLES —Tim Brown, Caring About OpenType Features —Zach Leatherman, Better @font-face with Font Load Events —Zach Leatherman, A Comprehensive Guide to Font Loading Strategies —Zach Leatherman, Critical Web Fonts —Zach Leatherman,Flash of Faux Text—Still More on Font Loading —Chris Coyier, FOUT, FOIT, FOFT —Chris Manning, The @font-face Dilemma —Kenneth Ormandy, Efficient Web Type Circa 1556 —Ricardo Filipe, Typography — Deep Into OpenType Features —MyFonts, How do I see all the characters in a font? —Matthew Butterwick, Butterick’s Practical Typography —Marcin Wichary, Using System UI Fonts In Web Design: A Quick Practical Guide OPEN SOURCE EMOJIS —Firefox OS, Sabrina Smelko, mozilla/fxemoji TOOLING —OpenType Sandbox, clagnut.com/sandbox/css3/ —Kenneth Ormany’s normalize-opentype.css, kennethormandy/nomalize-opentype.css —Kenneth Ormany’s utility-opentype.css, kennethormandy/utility-opentype —Bram Stein’s FontFaceObserver, fontfaceobserver.com/ —Zach Leatherman’s FontFaceOnload polyfill, zachleat/fontfaceonload TYPE COLOPHON —Adobe Text Pro, Adobe —Arial, Monotype Imaging —Avenir, Mergenthaler Linotype Company —Calendas Plus, Atipo Foundry —Courier, Monotype —Didot, Hoefler & Co. —Georgia, Microsoft Typography —Germanica, Paul Lloyd —Gotham, Hoefler & Co. —Harriet, OkayType —Helvetica, Haas Type Foundry —Hoefler Text, Hoefler & Co. —Impact, Stephenson Blake —Knockout, Hoefler & Co. —League Spartan, The League of Moveable Type —Majesti Banner, Lost Type Co-Op —Mrs. Eaves, Emigré —Proxima Nova, Mark Simonson Studio —Neue Haas Unica, Monotype —San Francisco, Apple —Verdana, Microsoft Typography —Whitney, Hoefler & Co.