Typography Cheat Sheet [Infographic]


Understanding type can be one of the most difficult elements of design. There’s a lot of terminology and lingo that type designers (and designers, in general) use when talking about lettering. Sometimes it can be tough to decipher it all.

If you find yourself wondering what the difference between a hook and a counter are or you still aren’t sure how a serif and a slab are different, we have you covered with this typography cheat sheet.

It describes all of the different aspects of lettering, from terminology to components to type styles and methods of typographic manipulation so you will have a better grasp on how to understand and use typography in your design projects.

Are you ready to get started? We’ve got a great infographic to help you better understand the elements of typography.

Typography Cheat Sheet [Infographic]

Share this Image on Your Website


  1. Joerg Kilian Nov 2, 7:05 am

    Extremely educative, concise and pleasant to look at long scroll!

  2. Dodo Nov 5, 5:02 pm

    Can we get a PDF file (for print :))?

  3. Paul Nov 7, 6:49 pm

    Nice work. Very educational.

  4. Carol Nov 7, 7:26 pm

    Agree with all comments above including opp to print for reference — great job and true to the topic, visually engaging!

  5. N K Nov 8, 8:38 am

    A well researched and well prepared guide! Indeed a good job!

  6. Kostya Nov 8, 10:14 am

    Thanks for sharing that!
    Probably, it’d be good to mention there is Hairline in Type Styles, also

  7. Dan Nov 9, 1:22 pm

    I would love a high-res (dpi) PDF as well! Blowing this up in the office will surely inspire the team <3

Leave a Reply

* Minimum length: 20 characters