10 Infographics That Will Teach You About Typography

Click the Go to Source link under each infographic to navigate to the source of the infographic and to see the larger version provided by the creator of the infographic.

1. Bold & Justified: The Huge World of Typography Infographic

Did you know that Israel is the source of the most expensive typefaces? Or that Helvetica has 111 different styles? This information-dense infographic reveals a ton of interesting facts about typography.

Go to Source

2. A Quick and Comprehensive Type Guide

This beginner’s guide to type shows you some popular font categories (like monospaced fonts and script fonts), the anotomy of a typeface, a few typography principles, and more.

Go to Source

3. What’s Your Typeface?

This infographic starts by disambiguating the terms "typefaces" and "fonts", and then concludes with the top five most-used typefaces in graphic design, journalism, and academia.

Go to Source

4. Timeline of 10 Famous Fonts Infographic

This infographic shows you the year in which 10 popular fonts were created, along with some popular logos that use each of the featured fonts.

Go to Source

5. Choosing a Web-Safe Font for Your Website

Because using web fonts is now a widely supported technique for displaying any font on your website (as long as you’re allowed to use the font), limiting your web designs to only using web-safe fonts isn’t necessary. But if you need to use web-safe fonts for some reason, this flowchart infographic will help you pick one.

Go to Source

6. What are the Origins of the World’s Most Important Typefaces?

This infographic contains a timeline of when the most important typefaces in history were created and includes the designer, country of origin, and historical significance of each typeface.

Go to Source

7. So You Need a Typeface

This is really a flowchart and cheat sheet with graphic designer Julian Hansen’s suggestions on how to pick a font for a design project, but it does embody the essence of what an infographic is: to present useful information in a visual way.

Go to Source

8. A History of Western Typefaces Infographic

In this infographic, you’ll see a timeline of important milestones in the evolution of typefaces along with some trivial information (such as the fact that the film poster of the movie The Social Network uses Futura).

Go to Source

9. Top 10 Fonts Web Designers Love Infographic

This infographic presents data gathered from a survey of 34 designers, so it’s no surprise that Myriad Pro — the default font of Adobe Creative Suite software like Photoshop and Illustrator — is the top most favorite "free" font.

Go to Source

10. A Brief Introduction to Typography

Because of the title of this infographic, you might get the impression that its content is for beginners. But this infographic goes as deeply as illustrating how the Frutiger Numbering System works and the anatomy of glyphs.

Go to Source

  • The irony in #9 is priceless. I mean, really…it’s like taking advice from a fat personal trainer.

  • #9 notes ‘Adobe Casion’, which is misspelled. Should be Adobe Calson or Adobe Calson Pro.

  • Bruno Rossi

    Very nice! Thanks a lot!

  • Agree w/ Lauren ^^

  • amazing, thx for it

  • Jeremy

    What is ironic, is how at least 1/2 of these graphics are completely unreadable.

  • janet

    aesthetically pleasing AND informational. some parts of these i want to print out as posters or use as desktop wallpaper

  • This is actually a pretty interesting list. Thanks Jacob!

  • You could click through to the original source of the infographic to see the actual size.

  • Glad you liked this list Earl!

  • Patricia Williams

    Beautiful and helpful! Thanks so much!

  • awesome, love this thank you

  • moad

    thank you (: i like it , it’s helpful .

  • Ann

    My students will enjoy looking at this.

  • Hi Ann. I just wanted to say that it’s awesome that you’ll be sharing this to your students.

    I’d like to take this opportunity to get feedback for potential future content from educators.

    What other things do your students need to learn? What things are interesting to them? What intermediate-level design topics seem the most useful to them?

  • I think the first one has misspelt ‘Bodoni’ as ‘Bidoni’

  • Denise T

    Can these be printed poster size for educational purposes?

  • Rosalyn B.

    What type of fonts are used most for technical books? Informational books?

  • dave

    I’d like to see an infographic showing “which fonts are used to add variety to infographics than for any other reason”. Similar to the study that showed that the procedure of arranging pebbles along the spine has been performed more often to create day-spa promotional material than it has been performed for any other reason.

  • Paul Woolf

    Was the question answered if these infographics are for sale for poster size in the classroom?

  • brett

    Here is a growing interactive timeline on the history of type
    http://www.counterspace.us/typography/timeline/

  • Bill

    Is that comment meant to be as stuck-up as it sounds? It’s not advice – it’s just statistics.

  • Frederick

    and there you misspelt again, it’s CASLON.

  • jacob

    are you high ? none of this crap makes sense

  • Jude

    David you misspelled CASLON!

  • Jude

    I love these. Wish they were in a small book for purchase for students. All useful for Typography class!