$30 off During Our Annual Pro Sale. View Details »

IxDA Typography

Chris Basham
September 25, 2013

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/

Chris Basham

September 25, 2013
Tweet

More Decks by Chris Basham

Other Decks in Design

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