IxDA Typography

Presented at IXDA Bloomington, graphic designer Neil Robinson (@Neil_Robinson_1) and interaction designer Chris Basham (@chrisbasham) discuss typography and how it is transforming the web.

Wed, Sept 25, 2013

http://www.meetup.com/IXDA-Bloomington/events/138690672/

Transcript

1. ography typography typo
   raphy Sept. 25, 2013 typograph
   ography typography typography
   ography typography typogra-
   typography typography typogra
   hy IxDA Bloomington, IN typ
   raphy typography typograph
   ography typography typograph
   

   View Slide

2. The history of typography
   by Ben Barrett-Forrest
   youtube.com/watch?v=wOgIkxAfJsk
   

   View Slide

3. Selecting and
   combining typefaces
   Type on the web and
   the future of iconography
   Web font services
   Resources
   

   View Slide

4. Selecting and
   combining typefaces
   Type on the web and
   the future of iconography
   Web font services
   Resources
   

   View Slide

5. Selecting a typeface
   kadavy.net/allthefontsyoulleverneed-kadavy.pdf
   This is a lie,
   but it’s a
   good start.
   

   View Slide

6. Selecting a typeface
   kadavy.net/allthefontsyoulleverneed-kadavy.pdf
   

   View Slide

7. Selecting a typeface
   squidspot.com/Periodic_Table_of_Typefaces.html
   

   View Slide

8. Combining typefaces
   HOW magazine, July 2012
   

   View Slide

9. Combining typefaces
   ifontyou.com
   

   View Slide

10. Combining typefaces
    typetester.org
    

    View Slide

11. Combining typefaces
    testking.com/techking/infographics/fontularity-most-popular-
    fonts-by-operating-system-infographic
    

    View Slide

12. Selecting and
    combining typefaces
    Type on the web and
    the future of iconography
    Web font services
    Resources
    

    View Slide

13. Color emoji
    http://typographica.org/typeface-reviews/apple-color-emoji/
    

    View Slide

14. Color emoji
    http://opentype.info/blog/2013/07/03/color-emoji-in-windows-8-1-the-fu-
    ture-of-color-fonts/
    

    View Slide

15. Color emoji
    http://opentype.info/blog/2013/07/03/color-emoji-in-windows-8-1-the-fu-
    ture-of-color-fonts/
    

    View Slide

16. Glyph stacking
    http://forecastfont.iconvau.lt/
    

    View Slide

17. Glyph stacking
    http://forecastfont.iconvau.lt/
    

    View Slide

18. Ligature web fonts
    http://symbolset.com/
    

    View Slide

19. Web font generator
    http://icomoon.io/
    

    View Slide

20. Subsetting
    http://www.heydonworks.com/article/font-hacking
    

    View Slide

21. Selecting and
    combining typefaces
    Type on the web and
    the future of iconography
    Web font services
    Resources
    

    View Slide

22. Service comparisons
    http://sprungmarker.de/wp-content/uploads/webfont-services/
    

    View Slide

23. Free hosting
    http://www.google.com/fonts https://edgewebfonts.adobe.com
    

    View Slide

24. Free to download
    http://www.fontsquirrel.com/
    

    View Slide

25. Pay per use
    http://fontdeck.com/
    

    View Slide

26. Pay per font
    http://www.fontspring.com/ http://www.myfonts.com/
    

    View Slide

27. Subscription
    http://www.fonts.com https://typekit.com
    

    View Slide

28. Selecting and
    combining typefaces
    Type on the web and
    the future of iconography
    Web font services
    Resources
    

    View Slide

29. Guides
    http://webtypography.net/ http://practicaltypography.com/
    

    View Slide

30. Type porn
    http://typehunting.com/ http://typespiration.com/
    

    View Slide

31. Free font resources
    losttype.com
    dafont.com
    creativebloq.com/graphic-design-tips/best-free-fonts-for-
    designers-1233380
    Pay font resources
    typography.com
    veer.com/products/fonts
    linotype.com
    emigre.com/fonts.php
    

    View Slide

32. Miscellaneous and fun stuff
    myfonts.com/WhatTheFont
    type.method.ac
    shape.method.ac
    smartquotesforsmartpeople.com
    Inspiration
    fontfeed.com
    typographica.org
    spiekermann.com/en
    sagmeisterwalsh.com
    jasonsantamaria.com
    cameronmoll.com
    

    View Slide

33. ography typography typo
    phy Chris Basham typography ty
    ography @chrisbasham typography
    pography typography typogra
    y typography typography typogra
    dphy Neil Robinson typograph
    graphy @Neil_Robinson_1 typ
    

    View Slide