{"id":16047,"date":"2019-11-12T07:54:38","date_gmt":"2019-11-12T07:54:38","guid":{"rendered":"https:\/\/www.designmantic.com\/blog\/?p=16047"},"modified":"2025-04-29T07:06:28","modified_gmt":"2025-04-29T07:06:28","slug":"25-typography-infographics","status":"publish","type":"post","link":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/","title":{"rendered":"#GivingTuesday Roundup: 25 Interesting Typography Infographics To Master The Letters"},"content":{"rendered":"<p>If you are here, chances are you love typography at least as much as we do, if not more. That is why we have collected this list of our favorite 25 info graphics here. To share with you the history, evolution, and practical applications of type in web design and print.<\/p>\n<p>Typography has been around since the very first time man (or woman) picked up a rock and chiseled the image of the thought that they did not know words for. As humans evolved and they made up symbols and gave them meanings, typography evolved too. One word said in hundred different contexts can mean so many different things. And same is the case with letters.<\/p>\n<div style=\"margin-top:40px; margin-bottom:40px;\" align=\"center\"><a href=\"https:\/\/www.designmantic.com\/logos\/search?utm_source=25-typography-infographics&amp;utm_medium=topbutton&amp;utm_campaign=ctatracking\" target=\"_blank\" class=\"cta-button\" rel=\"noopener noreferrer\">High Quality Logo Maker<\/a><\/div>\n<p>Each of these little icons have their own identities, personalities, and styles. The way they stand,  move, tilt, and lean\u2026all of it can convey different emotions and sentiments. These unique voices and sensations that each different style of letter provides is the reason that different typefaces and matching fonts are used as representations of different feelings.<\/p>\n<p>It is the reason that <strong>some fonts look serious<\/strong> to us while others more fun and exciting.<\/p>\n<p>So, without further ado, let\u2019s dive in to this treat of amazing typography Infographics.<\/p>\n<h2>1. First, A Little History.<\/h2>\n<p>To truly understand something, we should always look at its origin. The following chart represents  the <a href=\"https:\/\/www.designmantic.com\/blog\/interactive-media\/history-typography\/\">history of typography<\/a> and shows when and how each type was born and how it travelled through the years.<\/p>\n<p>You can see from this graph that Script has been the most ancient typeface, and with its modern applications even today, we can appreciate how strongly it has stood the test of time.<\/p>\n<p>Decorative fonts are the most modern ones, and only over a century old.<\/p>\n<p>The graph also sub-categorizes all the important typefaces and shows the origin of each individual font style as well.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/history-of-typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/history-of-typography.jpg\" alt=\"history of typography\" class=\"alignnone wp-image-16056\" width=\"550\" height=\"351\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.ricochilds.com\/history-of-typography-infographic\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Ricochilds<\/a><\/p>\n<div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/A-logos.jpg\" alt=\"A logos\" class=\"alignnone wp-image-15782\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/A\" target=\"_blank\" rel=\"noopener noreferrer\">A logos<\/a><\/div>\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/B-logos.jpg\" alt=\"B logos\" class=\"alignnone wp-image-15780\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/B\" target=\"_blank\" rel=\"noopener noreferrer\">B logos<\/a><\/div>\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/C-logos.jpg\" alt=\"C logos\" class=\"alignnone wp-image-15781\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/C\" target=\"_blank\" rel=\"noopener noreferrer\">C logos<\/a><\/div>\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/D-logos.jpg\" alt=\"D logos\" class=\"alignnone wp-image-15779\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/D\" target=\"_blank\" rel=\"noopener noreferrer\">D logos<\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h2>2. History of Western Typefaces<\/h2>\n<p>In addition to a more general history of typography, this next Infographic is more focused. It  showcases the <strong>historical origin and progress of the Western typefaces<\/strong> that started in 100 A.D. After Gutenberg invented the movable type with the printing press in the 15th century, the first form of <em>Italic<\/em> was developed only a hundred years later.<\/p>\n<p>As is consistent with progress in any other area, type also improved more rapidly with each passing  century with ever-shortening gaps. In the next three hundred years, a Greek typeface was invented, Sans Serif was introduced, and Benjamin Franklin argued with a certain British person over \u2018blindingly thin strokes\u2019 of John Baskerville.<\/p>\n<p>As you can see, the typography aficionados have been taking it too seriously since the 1700s.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/History-of-Western-Typefaces.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/History-of-Western-Typefaces2.jpg\" alt=\"History of Western Typefaces\" class=\"alignnone wp-image-16058\" width=\"550\" height=\"478\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/History-of-Western-Typefaces2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/History-of-Western-Typefaces2-300x260.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/History-of-Western-Typefaces2-346x300.jpg 346w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/mashable.com\/2011\/12\/08\/typeface-font-history-infographic\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Mashable<\/a><\/p>\n<h2>3. Evolution of Typography<\/h2>\n<p>Before we conclude our history lecture on typography, we have to show you this one chart that describes the evolution of different typefaces based on their unique characteristics. Isn\u2019t that really interesting?<\/p>\n<p>The four major typefaces it addresses are Serif, Sans Serif, Blackletter, and Script. As you can see, some of these types were founded on the basis of unique characteristics they represent, some on shapes like geometry, and others on calligraphy.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Evolution-of-Typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Evolution-of-Typography.jpg\" alt=\"Evolution of Typography\" class=\"alignnone wp-image-16055\" width=\"550\" height=\"544\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/webdesignledger.com\/the-evolution-of-typography-infographic\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Web Design Ledger<\/a><\/p>\n<h2>4. Essentials of Typography<\/h2>\n<p>Now that you know the history and origin, let\u2019s see the essentials that make up typography. This information-rich chart not only talks about the vernacular of typography but also talks about principles of combining fonts, varieties of typefaces, and how each different font even from the single typeface family can represent different personalities.<\/p>\n<p align=\"center\"><iframe src=\"https:\/\/www.youtube.com\/embed\/jPhDGKoHCK8\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe><\/p>\n<p>It\u2019s these intricacies that make typography such a fascinating study. That by using a different font, you can completely alter the message you are trying to convey or <a href=\"https:\/\/www.designmantic.com\/blog\/typography-plays-with-moods\/\" target=\"_blank\" rel=\"noopener noreferrer\">affect the mood<\/a>. It is not only a powerful thing to learn but a highly effective  asset that will always help you whether you are into design or marketing.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Essentials-of-Typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Essentials-of-Typography2.jpg\" alt=\"Essentials of Typography\" class=\"alignnone wp-image-16054\" width=\"550\" height=\"443\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Essentials-of-Typography2.jpg 457w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Essentials-of-Typography2-300x242.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Essentials-of-Typography2-372x300.jpg 372w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.jellyfish.com\/en-jp\/news-insights\/what-you-need-to-know-about-typography-with-infographic\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">The Jellyfish<\/a><\/p>\n<h2>5. Anatomy of Typography<\/h2>\n<p>We have been talking about personalities and emotions of typefaces, but did you know that letters also have unique anatomies? This chart talks about the anatomy of different parts of letters. As a design or marketing expert, you may think it isn\u2019t really necessary to learn the anatomy of different parts as long as you have a firm grasp over what types to use and how to match them when constructing a design.<\/p>\n<p>Truth is, with such surface knowledge you can always know the \u2018what\u2019 of type but never the why. If you have mastery over even the basics of why then you can really experiment with your designs and really gain a demonstrable edge over your competition.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Anatomy-of-Typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Anatomy-of-Typography2.jpg\" alt=\"Anatomy of Typography\" class=\"alignnone size-full wp-image-16051\" width=\"550\" height=\"488\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.toptal.com\/designers\/typography\/typography-anatomy-infographic\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Toptal<\/a><\/p>\n<h2>6. Ten Most Famous Fonts<\/h2>\n<p>In this Infographic, we are going to take a look at what the 10 most famous fonts are, and the timeline of how they developed. This selection not only focuses on fonts that look good on digital products, but also adds those that have worked extremely well in print.<\/p>\n<p>And that is why, the Garamond of Harry Potter\u2019s title is rated at number 1. This list includes  typography or <a href=\"https:\/\/www.designmantic.com\/logos\/search\/letter\" target=\"_blank\" rel=\"noopener noreferrer\">letters based logos<\/a>, movies, music, apps, retail, and technology. Looking through this exciting knowledge, you can also see which typeface has been most popular  with which industry and if any font shows its present in any of the other industries.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Ten-Most-Famous-Fonts.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Ten-Most-Famous-Fonts2.jpg\" alt=\"Ten Most Famous Fonts\" class=\"alignnone\" width=\"550\" height=\"448\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.minespress.com\/timeline-of-10-famous-fonts-infographic\/\" class=\"broken_link\">Mines Press<\/a><\/p>\n<h2>7. A comprehensive Type Guide<\/h2>\n<p>Now that you\u2019ve learnt all the basics, here is a quick and comprehensive guide for you to master type. In this guide, you find out ways to use styles depending on their meaning, you can also find pro-tips (like you should never use more than 3 contrasting typefaces in your text), and the most common styles used today.<\/p>\n<p>Armed with this comprehensive knowledge, it\u2019ll be much easier for you to navigate the many  tricky fields of typography in design, and help you avoid some common pitfalls. If you want to become a <a href=\"https:\/\/www.designmantic.com\/blog\/25-typography-designers-for-packaging-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">designer expert in typography<\/a>, this guide can be your starting point.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/A-comprehensive-Type-Guide.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/A-comprehensive-Type-Guide2.jpg\" alt=\"A comprehensive Type Guide\" class=\"alignnone\" width=\"550\" height=\"563\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.fastcompany.com\/1664719\/infographic-of-the-day-why-should-you-care-about-typography\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Fast Company<\/a><\/p>\n<h2>8. An Intro to Typography<\/h2>\n<p>This brief intro comes with not 10, not 50, but a grand total of 100 best typefaces of all time.  Why 100? Because 10 sometimes just not have enough variety. Or perhaps what you want your text to convey is requires more depth than the top 10 can provide.<\/p>\n<p>But this intro also comes with a classification bar. How different typefaces are characterized into classes and families, the common characteristics they share and how they are distinct from others. In addition to a historical timeline, you can also find some book titles here. Books that have been written about typography.<\/p>\n<p>Plus you can also learn about the height, weight, and positional significance of every letter.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/An-Intro-to-Typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/An-Intro-to-Typography2.png\" alt=\"An Intro to Typography\" class=\"alignnone size-full wp-image-16052\" width=\"550\" height=\"607\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.downgraf.com\/inspiration\/infographics\/introduction-to-typography-infographic\/\" class=\"broken_link\">Downgraf<\/a><\/p>\n<h2>9. The Psychology of Fonts<\/h2>\n<p>You didn\u2019t think fonts are chosen and used at random, did you? No, a lot of psychology goes behind each selection and each pairing. How designers choose typefaces is based on psychological principles that guide our understanding of the unique characteristics that each style represents.<\/p>\n<p>Why do all capitals look loud and shout-y, or why cursive looks more intimate and elegant? The answers to these questions, and many others concerning the science of font selection, are rooted in psychology. There\u2019s a definite yet subtle science behind why we attribute certain meanings to certain styles of lettering.<\/p>\n<p>That is why our next Infographic addresses the psychological aspects of typeface selection.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Psychology-of-Fonts.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Psychology-of-Fonts2.jpg\" alt=\"The Psychology of Fonts\" class=\"alignnone size-full wp-image-16062\" width=\"550\" height=\"320\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Psychology-of-Fonts2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Psychology-of-Fonts2-300x174.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Psychology-of-Fonts2-500x290.jpg 500w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/visual.ly\/community\/infographic\/business\/psychology-fonts\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Visual.ly<\/a><\/p>\n<h2>10.\tFundamentals of Web Typography<\/h2>\n<p>As people become more visual and image-centric and designers go minimalist, there\u2019s a lot of emphasis on image-rich website design. A challenge of such designs is that very little space then remains for the text, and it has to make the most of that little space to effectively communicate the message that it wants.<\/p>\n<p>These restrictions have given birth to creative and novel uses of web typography. Not only the ad copy has become tighter, concise, and wittier, the fundamentals have emerged that guide our use of sparse space with meaningful use of types and letters.<\/p>\n<p>This Infographic talks about those fundamentals in the most visual way possible, with lots of textures and contrasts.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fundamentals-of-Web-Typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fundamentals-of-Web-Typography2.jpg\" alt=\"Fundamentals of Web Typography\" title=\"Fundamentals of Web Typography\" class=\"alignnone wp-image-16075\" width=\"550\" height=\"293\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fundamentals-of-Web-Typography2.jpg 562w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fundamentals-of-Web-Typography2-300x160.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fundamentals-of-Web-Typography2-500x266.jpg 500w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/markitwrite.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">MarkITwrite<\/a><\/p>\n<h2>11.\tClassification of Type<\/h2>\n<p>Classification is the grouping  together of certain elements under consideration on the basis of the similar  characteristics they share, and the ways in which they are different from  others.<br \/>\nThere are multiple classifications  of type. Old Style, Humanist, Transitional, Slab, Modern, Geometric, and Script  are some of the most common ones. Classification not only helps us understand  typography better, but it also gives a point of reference to the designers.<\/p>\n<p>Designers interested in learning how to create <a href=\"https:\/\/www.designmantic.com\/blog\/25-creative-fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\">custom designer fonts<\/a> will especially learn a lot from these font classifications.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Classification-of-Type.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Classification-of-Type2.jpg\" alt=\"Classification of Type\" title=\"Classification of Type\" class=\"alignnone wp-image-16072\" width=\"550\" height=\"362\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Classification-of-Type2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Classification-of-Type2-300x197.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Classification-of-Type2-335x220.jpg 335w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Classification-of-Type2-457x300.jpg 457w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/ladd-design.com\/type-classification-personification\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Ladd<\/a><\/p>\n<h2>12 a). Best Typeface For Official Use<\/h2>\n<p>A business, no matter with how  laidback a vibe, must maintain at least some level of professional presence in  the industry to inspire decorum within its operations. That is why Google, with  slides in its office and colorful furniture everywhere, still chose a somewhat  professional looking font in its <a href=\"https:\/\/www.designmantic.com\/logos\/search\/corporate\" target=\"_blank\" rel=\"noopener noreferrer\">corporate logo<\/a>.<\/p>\n<p>Remaining within the professional  lines of boundary, here is a chart of business-appropriate fonts that you can  use in your official documents, logo choices, and marketing material without  being overpowering or overbearing.<\/p>\n<p>In other words, you can still maintain and exude  a sense of friendliness without going all cursive or Comic Sans on your  customers.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Typeface-for-Official-Use.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Typeface-for-Official-Use.jpg\" alt=\"Best Typeface for Official Use\" title=\"Best Typeface for Official Use\" class=\"alignnone wp-image-16070\" width=\"550\" height=\"414\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Typeface-for-Official-Use.jpg 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Typeface-for-Official-Use-300x225.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Typeface-for-Official-Use-768x576.jpg 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Typeface-for-Official-Use-400x300.jpg 400w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/piktochart.com\/blog\/typography-how-typeface-personalities-set-the-tone-of-infographics\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Piktochart<\/a><\/p>\n<h2>12 b).\tFun And Creative Typefaces<\/h2>\n<p>Not all cursives and textures  were created equal. While some look friendly, creative, and fun, others just  miss the beat. Take a look at the right column of the chart below, concluded  with the Lover\u2019s Quarrel. Now, this is a list of fonts that you may want to  stay away from.<\/p>\n<p>If you want a casual vibe to be  expressed through your logo, for example, you can do so by a <a href=\"https:\/\/www.designmantic.com\/logos\/search\/fun\" target=\"_blank\" rel=\"noopener noreferrer\">fun logo<\/a> that is  casual but never lazy or sloppy.<\/p>\n<p>Since most fun and creative typefaces are  usually based on the Cursive style, you have to select a font that is easy to  read. Never give up legibility just for design quirks. It is never worth it,  especially in web design. Instead of figuring out what the many tendrils around  your design are saying, your customers will likely move on and open another  website. One that they can read.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fun-and-Creative-Typefaces.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fun-and-Creative-Typefaces.jpg\" alt=\"Fun and Creative Typefaces\" title=\"Fun and Creative Typefaces\" class=\"alignnone wp-image-16073\" width=\"550\" height=\"414\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fun-and-Creative-Typefaces.jpg 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fun-and-Creative-Typefaces-300x225.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fun-and-Creative-Typefaces-768x576.jpg 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Fun-and-Creative-Typefaces-400x300.jpg 400w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: Piktochart<\/p>\n<h2>12 c).\tMinimalist Typeface<\/h2>\n<p>One of the modern design trends that offers really nice, neat, and appealing web designs is Minimalism. It is spacious, uses utilitarian approach, and enticingly clean. And so it requires font styles that complement is spacious feel and neat looks.<\/p>\n<p>In the Infographic chart below, you can see a list of chosen typefaces that fit well with minimal design and lend a coherent and organized appeal to your overall product. In this list we can see clean lines of Lanenar, the intended style of Gothic, and the Nixie with a Silicon Valley feel.<\/p>\n<p>Like with any other typeface decision, readability must always be a factor when choosing fonts for your minimal design.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Minimalist-Typeface.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Minimalist-Typeface.jpg\" alt=\"Minimalist Typeface\" title=\"Minimalist Typeface\" class=\"alignnone wp-image-16078\" width=\"550\" height=\"414\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Minimalist-Typeface.jpg 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Minimalist-Typeface-300x225.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Minimalist-Typeface-768x576.jpg 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Minimalist-Typeface-400x300.jpg 400w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: Piktochart<\/p>\n<h2>12 d).\tTypography For Personal Websites<\/h2>\n<p>People mostly go for casual and  quirky fonts for their <a href=\"https:\/\/www.designmantic.com\/logos\/search\/Gifts-Personalised\" target=\"_blank\" rel=\"noopener noreferrer\">personal logos<\/a> and websites. The intent perhaps is to showcase a distinction from the more  official and business websites, and to invite more readers in. While most  cursive fonts look casual, they can also look quite clumsy and non-serious.<\/p>\n<p>Hence, you need to strike a  balance. From the chart below, you can learn how. While Comic Sans MS usually  features in \u2018fonts-not-to-use\u2019 list, you\u2019d probably not use it anyway. But if  it wasn\u2019t featured here, would you actually use a font that\u2019s titled \u2018Unkempt\u2019  for your personal website?<\/p>\n<p>Let us know in the comments!<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-for-Personal-Websites.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-for-Personal-Websites.jpg\" alt=\"Typography for Personal Websites\" title=\"Typography for Personal Websites\" class=\"alignnone wp-image-16091\" width=\"550\" height=\"414\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-for-Personal-Websites.jpg 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-for-Personal-Websites-300x225.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-for-Personal-Websites-768x576.jpg 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-for-Personal-Websites-400x300.jpg 400w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: Piktochart<\/p>\n<h2>13.\tWeb Designers\u2019 Favorite Fonts<\/h2>\n<p>If it is becoming difficult for you to know which fonts to choose in your web design and which to forgo, here is a selection of top 10 fonts that web designers from all over the world have  declared as their favorites. Do you want to know if <em>your<\/em> favorite made the cut?<\/p>\n<p>Scroll down to find out.<\/p>\n<p>But wait, make a guess now (without looking at  the Infographic!) about which one is on #1 and see if you\u2019re right. Honestly, no peeking.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Web-Designers-Favorite-Fonts.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Web-Designers-Favorite-Fonts2.jpg\" alt=\"Web Designers Favorite Fonts\" title=\"Web Designers Favorite Fonts\" class=\"alignnone\" width=\"550\" height=\"428\"><\/a><br \/>\nImage Source: <a href=\"http:\/\/www.hongkiat.com\/blog\/top-10-fonts-designers-love-infographic\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Hongkiat<\/a><\/p>\n<h2>14.\tGoogle Fonts Mixing Guide<\/h2>\n<p>A lot of designers choose to use  Google fonts in their web designs. As these were created especially for web, it  makes sense to use them as your font pool. But even within these typefaces, you  need to have some ground rules before you start mixing and matching the fonts.<\/p>\n<p>This \u2018cheat sheet\u2019 contains twenty Google fonts  that you can mix and match to create a stunning web design. It also tells you  which combinations never to attempt. So take a look below and find out which  combination you will be choosing for your next design project, and which you  had almost chosen before you saw it here in the black area.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Google-Fonts-Mixing-Guide.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Google-Fonts-Mixing-Guide2.jpg\" alt=\"Google Fonts Mixing Guide\" title=\"Google Fonts Mixing Guide\" class=\"alignnone wp-image-16077\" width=\"550\" height=\"376\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Google-Fonts-Mixing-Guide2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Google-Fonts-Mixing-Guide2-300x205.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Google-Fonts-Mixing-Guide2-440x300.jpg 440w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.fastprint.co.uk\/blog\/the-art-of-mixing-typefaces.html\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Fast Print<\/a><\/p>\n<h2>15.\tTypography Accessibility<\/h2>\n<p>In website design, not only does  topography need to look absolutely amazing, it must also have <a href=\"https:\/\/www.designmantic.com\/blog\/interactive-media\/typography-web-accessibility\/\" target=\"_blank\" rel=\"noopener noreferrer\">accessibility<\/a>.  What is web accessibility? It is a practice to ensure that websites are <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_accessibility\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">accessible<\/a> to people  of all socio-economic classes, of different physical or otherwise disabilities,  and those who may not afford high speed Internet connections.<\/p>\n<p>Keeping this practice of inclusivity in mind,  the following graph discusses ways to make the text more legible on websites  without compromising on design quality. Once you look at the graph, you can see  how by just emphasizing the dots on \u2018i\u2019 and \u2018j\u2019 and by lowering the junction in  \u2018r\u2019, and working on similar other small details, we can create more accessible  web type without ever reducing any design element.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-Accessibility.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-Accessibility2.jpg\" alt=\"Typography Accessibility\" title=\"Typography Accessibility\" class=\"alignnone\" width=\"550\" height=\"305\"><\/a><br \/>\nImage Source: <a href=\"http:\/\/www.dowitcherdesigns.com\/accessibility-of-typography-infographic\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Dowitcher Designs<\/a><\/p>\n<h2>16.\tTypography Affects Conversions<\/h2>\n<p>Now this is an Infographic that  all of us have an interest in. we all want to convert our web traffic into  repeated, loyal customers. Whether we are selling shoes, foods, or blog, we want  everyone who visits us become a lifelong supporter.<\/p>\n<p>While great products, even  greater customer services, and timely web download time sure help conversions,  what about a great typography design on the website?<\/p>\n<p>The fact is, typography helps give our design  focus, hierarchy, and makes it easy to understand the message of the business.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-affects-conversions.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-affects-conversions2.jpg\" alt=\"Typography affects conversions\" title=\"Typography affects conversions\" class=\"alignnone wp-image-16088\" width=\"550\" height=\"385\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.quicksprout.com\/how-typography-affects-conversions\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Quick Sprout<\/a><\/p>\n<h2>17.\tTypography Equals Branding<\/h2>\n<p>Typography is an important <a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/8-branding-essentials-for-businesses\/\" target=\"_blank\" rel=\"noopener noreferrer\">branding  essential<\/a>. Just by changing the positions, style, and alignment of letters,  we can send a totally different message through our text. Whether you are  launching your brand for the very first time, or are working with a client on a <a href=\"https:\/\/www.designmantic.com\/blog\/ebooks\/brand-transformation-101\/\" target=\"_blank\" rel=\"noopener noreferrer\">brand transformation<\/a> effort, knowing the critical part typography plays in  establishing a brand\u2019s identity is crucial.<\/p>\n<p>A lot of work goes on as we sit down and attempt  to convert a business into a brand, and every little detail matters. It pays to  focus on those details and to make sure we get every single one of them right.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-Equals-Branding.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typography-Equals-Branding2.jpg\" alt=\"Typography Equals Branding\" title=\"Typography Equals Branding\" class=\"alignnone\" width=\"550\" height=\"476\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/iconicfox.com.au\/typography-in-branding-infographic\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Iconic Fox<\/a><\/p>\n<h2>18.\tWedding Typography<\/h2>\n<p>Wedding typography is a whole new ballgame than everything  else we\u2019ve been discussing over here. When designing material for wedding  stationary, <a href=\"https:\/\/www.designmantic.com\/logos\/search\/wedding\" target=\"_blank\" rel=\"noopener noreferrer\">wedding logos<\/a> or invites etc. your approach as a designer is completely different  than when selecting fonts for a tech website.<\/p>\n<p>Wedding typography needs to be more intimate,  with a lot of depth, meaning, and connection. It does not need to be cursive,  unless that\u2019s what your client wants. A lot of modern weddings use bold,  modern, and hip typography styles. Most clients will come prepared with a list  of typefaces that they like. Your job will be to sit with them and pick one  that represents them the best.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Wedding-Typography.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Wedding-Typography2.jpg\" alt=\"Wedding Typography\" title=\"Wedding Typography\" class=\"alignnone\" width=\"550\" height=\"464\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.rolanddga.com\/blog\/2018\/05\/10\/wedding-typography-infographic\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Roland DGA<\/a><\/p>\n<h2>19.\tThe 10 Typography Commandments<\/h2>\n<p>These 10 commandments very clearly lay down the guidelines  for font selections in a variety of design challenges. Whether it is contrast  you\u2019re going for, or you want to portray a certain mood, there\u2019s a commandment  here that helps you walk down this rocky road.<\/p>\n<p>Through this chart, you can learn the fonts that  give the perfect style when combined, and also those that destroy a design to  its very core when you force them to mate.   So as you prepare to start your holy grail of font selection, make sure  your 10 Commandments are saved in your phone gallery to lead the way.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-10-Typography-Commandments.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-10-Typography-Commandments2.jpg\" alt=\"The 10 Typography Commandments\" title=\"The 10 Typography Commandments\" class=\"alignnone wp-image-16082\" width=\"550\" height=\"332\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-10-Typography-Commandments2.jpg 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-10-Typography-Commandments2-300x180.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-10-Typography-Commandments2-768x462.jpg 768w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/ten-commandments-of-typography\/\" target=\"_blank\" rel=\"noopener noreferrer\">DesignMantic<\/a><\/p>\n<h2>20.\tTypefaces 10 Tips<\/h2>\n<p>If the 10 commandments were not enough for you, we have sourced these ten tips to further ease your design woes. These tips talk about what to look for in a heading font versus the paragraph font; it also warns against forcing italics on an unsuspecting font, and also shares the key to a successful typography choice.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typefaces-10-Tips.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typefaces-10-Tips2.jpg\" alt=\"Typefaces 10 Tips\" title=\"Typefaces 10 Tips\" class=\"alignnone wp-image-16084\" width=\"550\" height=\"444\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typefaces-10-Tips2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typefaces-10-Tips2-300x242.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Typefaces-10-Tips2-373x300.jpg 373w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.silocreativo.com\/en\/infographics-10-tips-make-typography-project\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Silo Creative<\/a><\/p>\n<h2>21.\tSerif vs. Sans Serif<\/h2>\n<p>As a designer and typographer, you are well aware of the raging battle these two fight all the time. While these two are fundamentally suited to different media forms \u2013 Serif for print and Sans for Web \u2013 the battle still rages.<\/p>\n<p>The following chart provides a workable compromise. As you will see shortly, both these fonts have strengths and weaknesses that can be complemented and adjusted both for print and web. Serifs can be used for paragraph body on web, while Sans can be incorporated into children\u2019s book as they are much simpler to read and comprehend.<\/p>\n<p>So without talking more about it, let\u2019s see what the Infographic has to <u>show<\/u>.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Serif-vs-Sans-Serif.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Serif-vs-Sans-Serif2.jpg\" alt=\"Serif vs Sans Serif\" title=\"Serif vs Sans Serif\" class=\"alignnone\" width=\"550\" height=\"472\"><\/a><br \/>\nImage Source: <a href=\"http:\/\/www.urbanfonts.com\/blog\/2013\/02\/serif-vs-sans-the-final-battle\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Urban Fonts<\/a><\/p>\n<div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/W-logo.jpg\" alt=\"W logos\" class=\"alignnone wp-image-15782\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/W\" target=\"_blank\" rel=\"noopener noreferrer\">W logos<\/a><\/div>\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/X-logo.jpg\" alt=\"X logos\" class=\"alignnone wp-image-15780\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/X\" target=\"_blank\" rel=\"noopener noreferrer\">X logos<\/a><\/div>\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Y-logo.jpg\" alt=\"Y logos\" class=\"alignnone wp-image-15781\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/Y\" target=\"_blank\" rel=\"noopener noreferrer\">Y logos<\/a><\/div>\n<div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-6\" align=\"center\">\n<img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Z-logo.jpg\" alt=\"Z logos\" class=\"alignnone wp-image-15779\" width=\"222\" height=\"171\"><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/Z\" target=\"_blank\" rel=\"noopener noreferrer\">Z logos<\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h2>22.\tWhat You Want Fonts To Do Vs. What They Actually Do<\/h2>\n<p>To conclude this amazing display of typography history, culture, and instruction, there\u2019s nothing better than Cracked\u2019s sarcastic (and hilarious!) take on what you want a font to do vs. what it actually does.<\/p>\n<p>For example, when you use Papyrus font to illustrate how authentically Eastern your herbal medicines are but they tell the customers that they\u2019ll be sicker in the morning than ever before. Or when you\u2019re trying to showcase your company\u2019s hip culture but end up with a font that gives away how you\u2019ve filed for Chapter 11 for more times than anyone can care to remember.<\/p>\n<p>For more, have a look.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/What-You-Want-Fonts-To-Do-Vs-What-They-Actually-Do.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/What-You-Want-Fonts-To-Do-Vs-What-They-Actually-Do2.jpg\" alt=\"What You Want Fonts To Do Vs What They Actually Do\" title=\"What You Want Fonts To Do Vs What They Actually Do\" class=\"alignnone wp-image-16095\" width=\"550\" height=\"409\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/What-You-Want-Fonts-To-Do-Vs-What-They-Actually-Do2.jpg 488w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/What-You-Want-Fonts-To-Do-Vs-What-They-Actually-Do2-300x223.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/What-You-Want-Fonts-To-Do-Vs-What-They-Actually-Do2-404x300.jpg 404w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/What-You-Want-Fonts-To-Do-Vs-What-They-Actually-Do2-350x260.jpg 350w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/ilovecharts.tumblr.com\/post\/850776587\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">I Love Charts<\/a><\/p>\n<h2>23.\tSo You Need A Typeface?<\/h2>\n<p>This is a very interesting, fun, and engaging take on the question, \u2018How to select the most perfect typeface?\u2019 This is less of an Infographic and more of a flowchart \u2013 it\u2019s an inflowgraphic! (Hehe)<\/p>\n<p>If you are not sure on your choice of type for a particular project, or are not even sure where to start from, this flowchart poses some very simple questions to you, and as you answer each question, you start navigating the complicated web of typeface selection with increasing ease, till you arrive at your destination.<\/p>\n<p>This flowchart is loosely based on the top 50 of the 100 best typefaces chosen by Font Shop.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/So-You-Need-A-Typeface.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/So-You-Need-A-Typeface2.jpg\" alt=\"So You Need A Typeface\" class=\"alignnone wp-image-16111\" width=\"550\" height=\"397\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/So-You-Need-A-Typeface2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/So-You-Need-A-Typeface2-300x216.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/So-You-Need-A-Typeface2-417x300.jpg 417w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/julianhansen.com\/soyouneedatypeface\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Julian Sonne Hansen<\/a><\/p>\n<h2>24.\tGlossary of Typographic Terms<\/h2>\n<p>The world of typography is a whole civilization in itself, complete with a history, culture, and language. To communicate with the natives and to learn from this vibrant and complex world, you need to have a mastery over the language.<\/p>\n<p>Consider this Infographic below your first lesson and see what arm, leg, and bowl all mean (they definitely don\u2019t mean limbs and dishware in this world). As you start learning these basic terms, it\u2019ll become easier for you to decipher the wider language of this interesting world. Soon you\u2019ll be able to combine, mix, and merge different parts of letters to create custom fonts, new designs, and unique styles.<\/p>\n<p>But first, the a, b, c.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Glossary-of-Typographic-Terms.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Glossary-of-Typographic-Terms2.jpg\" alt=\"Glossary of Typographic Terms\" class=\"alignnone wp-image-16107\" width=\"550\" height=\"513\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Glossary-of-Typographic-Terms2.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Glossary-of-Typographic-Terms2-300x279.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/Glossary-of-Typographic-Terms2-323x300.jpg 323w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.canva.com\/learn\/typography-terms\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Canva<\/a><\/p>\n<h2>25.\tThe Type Glossary for Noobs<\/h2>\n<p>If you are looking for a type glossary that is a bit more advanced and technical, well, we have just the one for you. In this chart you will not only see the basic terms explained, you will also see the vernacular that expert typographers communicate in.<\/p>\n<p>As an aspiring designer or typographer, or just an enthusiast for fonts, this glossary breaks down the individual typeface elements and explains them in visual detail. You will learn about kerning, glyphs, and measures. You will also see how hierarchy is achieved in type, and how size and tracking are connected to produce stunning type designs.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Type-Glossary-for-Noobs.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/The-Type-Glossary-for-Noobs2.jpg\" alt=\"The Type Glossary for Noobs\" class=\"alignnone\" width=\"550\" height=\"532\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/handy-type-glossary-for-noobs\/\" target=\"_blank\" rel=\"noopener noreferrer\">DesignMantic<\/a><\/p>\n<h3>Over To You<\/h3>\n<p>So tell us which of these Infographic spoke the most to you and how you plan to use what you\u2019ve learnt from these rich sources of information for your own brand\u2019s success! Also, how much did the last one made you laugh.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are here, chances are you love typography at least as much as we do, if not more. That is why we have collected this list of our favorite 25 info graphics here. To share with you the history, &hellip; <a href=\"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":16104,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[157],"tags":[],"class_list":["post-16047","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-givingtuesday-roundup"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>25 Interesting Typography Infographics | DesignMantic: The Design Shop<\/title>\n<meta name=\"description\" content=\"Take a look at these 25 information rich graphical presentations to learn the intricacies of using and matching typefaces to brand your message effectively.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"25 Interesting Typography Infographics | DesignMantic: The Design Shop\" \/>\n<meta property=\"og:description\" content=\"Take a look at these 25 information rich graphical presentations to learn the intricacies of using and matching typefaces to brand your message effectively.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/\" \/>\n<meta property=\"og:site_name\" content=\"DesignMantic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DesignMantic\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-12T07:54:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-29T07:06:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/25-typography.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"418\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Evan Brown\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/EvanBrownDM\" \/>\n<meta name=\"twitter:site\" content=\"@designmantic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Brown\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"25 Interesting Typography Infographics | DesignMantic: The Design Shop","description":"Take a look at these 25 information rich graphical presentations to learn the intricacies of using and matching typefaces to brand your message effectively.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/","og_locale":"en_US","og_type":"article","og_title":"25 Interesting Typography Infographics | DesignMantic: The Design Shop","og_description":"Take a look at these 25 information rich graphical presentations to learn the intricacies of using and matching typefaces to brand your message effectively.","og_url":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/","og_site_name":"DesignMantic","article_publisher":"https:\/\/www.facebook.com\/DesignMantic","article_published_time":"2019-11-12T07:54:38+00:00","article_modified_time":"2025-04-29T07:06:28+00:00","og_image":[{"width":750,"height":418,"url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/25-typography.png","type":"image\/png"}],"author":"Evan Brown","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/EvanBrownDM","twitter_site":"@designmantic","twitter_misc":{"Written by":"Evan Brown","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#article","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/"},"author":{"name":"Evan Brown","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0"},"headline":"#GivingTuesday Roundup: 25 Interesting Typography Infographics To Master The Letters","datePublished":"2019-11-12T07:54:38+00:00","dateModified":"2025-04-29T07:06:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/"},"wordCount":3467,"commentCount":0,"publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/25-typography.png","articleSection":["GivingTuesday Roundup"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/","url":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/","name":"25 Interesting Typography Infographics | DesignMantic: The Design Shop","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#primaryimage"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/25-typography.png","datePublished":"2019-11-12T07:54:38+00:00","dateModified":"2025-04-29T07:06:28+00:00","description":"Take a look at these 25 information rich graphical presentations to learn the intricacies of using and matching typefaces to brand your message effectively.","breadcrumb":{"@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#primaryimage","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/25-typography.png","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2019\/11\/25-typography.png","width":750,"height":418,"caption":"typography"},{"@type":"BreadcrumbList","@id":"https:\/\/www.designmantic.com\/blog\/25-typography-infographics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"GivingTuesday Roundup","item":"https:\/\/www.designmantic.com\/blog\/category\/givingtuesday-roundup\/"},{"@type":"ListItem","position":2,"name":"#GivingTuesday Roundup: 25 Interesting Typography Infographics To Master The Letters"}]},{"@type":"WebSite","@id":"https:\/\/www.designmantic.com\/blog\/#website","url":"https:\/\/www.designmantic.com\/blog\/","name":"DesignMantic","description":"","publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designmantic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designmantic.com\/blog\/#organization","name":"DesignMantic","url":"https:\/\/www.designmantic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","width":300,"height":58,"caption":"DesignMantic"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DesignMantic","https:\/\/x.com\/designmantic"]},{"@type":"Person","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0","name":"Evan Brown","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","caption":"Evan Brown"},"description":"Evan is an Expert in Digital Marketing. He has been working in the social media space since 2008, with a focus on design services, user interface planning, branding and more. Currently, he is leading content marketing efforts at DesignMantic and has played an integral part in the success story of DesignMantic through strategic marketing campaigns. Evan is also a design pro, who has shown a predilection towards DIY design projects.","sameAs":["https:\/\/x.com\/https:\/\/twitter.com\/EvanBrownDM"],"url":"https:\/\/www.designmantic.com\/blog\/author\/evan-brown\/"}]}},"_links":{"self":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/16047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/comments?post=16047"}],"version-history":[{"count":11,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/16047\/revisions"}],"predecessor-version":[{"id":24556,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/16047\/revisions\/24556"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media\/16104"}],"wp:attachment":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media?parent=16047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/categories?post=16047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/tags?post=16047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}