This document provides information on typography and font pairing. It discusses font terminology like typeface and font. It also provides examples of font pairings and resources for finding pairing inspiration including websites, tools, and indie foundries to support. Throughout are images, credits and references to supplement the typography content.

2. zeldman.com/2015/12/24/the-year-in-design/

4. getzeroapp.com

5. hugeinc.com

6. creaturesandfeatures.me

7. plated.com

8. gnosh.co.uk

9. Powerful?

10. How?
Contrast
Size
Hierarchy
Space

13. hugeinc.com

14. Font or Typeface?

15. Font = what you use
Typeface = what you see

16. How we read text

22. Photo Background: Randen Pederson on Flickr

23. Image: NOAA

24. Image: propublica.org

25. Image: propublica.org

26. Credit

27. Emotions

31. Too touchy feely?

32. amazon.com

33. storage.googleapis.com/g-design/static/product-sans-specimen.pdf

34. Images: Wikimedia Commons

36. Image: webdesignerdepot.com

37. Image: typostrate.com

39. Photo: Terminal Design, Inc.
BEFORE AFTER

40. Pairing

41. +

42. blog.visme.co

43. Liquorstore is my headline
Proxima Nova is my body copy. Bacon ipsum dolor amet meatloaf cupim
spare ribs landjaeger. Strip steak turkey leberkas sausage rump, swine
beef. Swine andouille cow filet mignon doner. Bacon ball tip bresaola
cupim cow kevin pancetta landjaeger, filet mignon strip steak pastrami.
Chicken flank beef sausage, hamburger picanha biltong ham hock
frankfurter salami. Pork picanha porchetta pork loin. Venison cow pork
belly turducken hamburger, corned beef chicken.

44. Liquorstore is my headline
Proxima Nova is my body copy. Bacon ipsum dolor amet meatloaf cupim
spare ribs landjaeger. Strip steak turkey leberkas sausage rump, swine
beef. Swine andouille cow filet mignon doner. Bacon ball tip bresaola
cupim cow kevin pancetta landjaeger, filet mignon strip steak pastrami.
Chicken flank beef sausage, hamburger picanha biltong ham hock
frankfurter salami. Pork picanha porchetta pork loin. Venison cow pork
belly turducken hamburger, corned beef chicken.

45. Get inspired

46. 100daysoffonts.com

47. femmebot.github.io/google-type/

48. femmebot.github.io/google-type/

49. femmebot.github.io/google-type/

50. typegenius.com

51. typegenius.com

52. fontflame.com

53. Other Pairing Resources
http://typ.io - Search for a font & get a visual list of other websites using it & CSS
http://fontpair.co - Helps designers pair Google Fonts together
http://justmytype.co - A collection of font pairings from Typekit and H&FJ
typeconnection.com - Game where you try to match fonts
tobiasahlin.com/typesource/ - Google Web Font inspiration in HTML & CSS

54. chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en

55. typekit.com/fonts | google.com/fonts

58. Photo: @anildash on Twitter

59. Photo: Chank Fonts

60. Support Indie Foundries
Playtype
Process Type Foundry
Swiss Typefaces
TypeTrust
Village Type & Design
Chank Fonts
Colophon
Commercial Type
Frere-Jones Type
Grilli Type
Klim
Milieu Grotesque
Okay Type
Optimo
P22 Type Foundry