Beautiful Web Type

The above slides are from the presentation I gave at WordCamp NYC 2016 on beautiful web typography.

(Please enjoy my ironic use of Lobster)

Resources

Principles

• http://webtypography.net/
• http://practicaltypography.com/
• http://abookapart.com/products/on-web-typography

Lessons

• http://practice.typekit.com/lesson/
• http://www.typewolf.com/guides
• http://www.smashingmagazine.com/2014/09/29/balancing-line-length-font-size-responsive-web-design/
• http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography
• http://trentwalton.com/2012/06/19/fluid-type/
• https://ia.net/know-how/responsive-typography-the-basics

Places to get fonts

• http://www.google.com/fonts/
• http://www.fontsquirrel.com/
• https://typekit.com/fonts
• http://www.typography.com/cloud/welcome/
• http://www.typewolf.com/recommendations

Type in Action

• http://femmebot.github.io/google-type/
• https://beautifulwebtype.com/
• http://blog.typekit.com/category/using-type/
• http://www.typewolf.com/
• http://fontpair.co/
• http://discover.typography.com/