{"id":13221,"date":"2018-10-02T12:32:43","date_gmt":"2018-10-02T12:32:43","guid":{"rendered":"https:\/\/www.zilliondesigns.com\/blog\/?p=13221"},"modified":"2026-04-27T06:53:21","modified_gmt":"2026-04-27T06:53:21","slug":"typeface-anatomy-font-pairing","status":"publish","type":"post","link":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/","title":{"rendered":"How Typeface Anatomy Can Help Designers With Font Pairing"},"content":{"rendered":"<p>Do you struggle to find the perfect font pair?<\/p>\n<p>Matching two different fonts to create harmony or an appealing contrast is a daunting task many designers sweat on. Whether you\u2019re designing for print or the web, font pairing is a specialized technique that\u2019ll help you master your typography skill and it\u2019ll consequently make you a professional graphic designer. This is why, I recommend you study the basics of typeface anatomy to ease your way through finalizing the best font team for your designs.<\/p>\n<p>You\u2019ll learn:<\/p>\n<ul>\n<li><em>Why is typeface anatomy important?<\/em><\/li>\n<li><em>What are the different parts of a font? <\/em><\/li>\n<li><em>How can you use typeface anatomy to pair fonts?<\/em><\/li>\n<li><em>Finally, what are the rules of font pairing?<\/em><\/li>\n<\/ul>\n<p>Let\u2019s take the plunge!<\/p>\n<h2>Struggles Of A Designer<\/h2>\n<p>Look around you and you\u2019ll notice many designers don\u2019t have an in-depth knowledge of typeface families, fonts and glyphs \u2013 yet they use all three of them in designs ranging from a <a href=\"https:\/\/www.zilliondesigns.com\/logo-design-contest\" target=\"_blank\" rel=\"noopener noreferrer\">brand logo design<\/a> to a website. I work with designers every day and while many have their perfect font pairs they use almost every time, there are some who grapple to mix-n-match.<\/p>\n<p>Well we know this is a problem, but how can we solve it. You can <strong>learn the art and technique of font pairing by understanding the fundamentals of typeface anatomy.<\/strong><\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typography-Quote-1.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Typography Quote 1\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typography-Quote-1.png\" alt=\"Typography Quote 1\" width=\"700\" height=\"504\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/504;\" \/><\/a><\/p>\n<h2>Importance Of Typeface Anatomy<\/h2>\n<p>\u201cEach part of a letter has its own special term, similar to bones in a human body\u201d, says content marketing strategist Brittany Leaning. By knowing the parts of letters, you can narrow down your search. According to Lynda.com video lesson by Laura Franz, \u201call of these parts play a role in classifying, choosing and using fonts.\u201d But before we touch-base with typeface anatomy, let\u2019s first get done with the kernels of fonts.<\/p>\n<h2>Typeface Anatomy In Action<\/h2>\n<p>The anatomy of typography involves a bit of both worlds: memory and practice. You can use the following infographic as a guide to visualize the different parts of a typeface, you\u2019ll find helpful not simply when looking for a match but when aiming to present a critical review on others\u2019 works.<\/p>\n<p>This has been a popular infographic by Visme to deconstruct parts of letters and compare them to parts of a human or plant body.<\/p>\n<p align=\"center\">\n<p>If that wasn\u2019t enough, you can explore <a href=\"https:\/\/www.fontshop.com\/glossary\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">FontShop<\/a> glossary which I think is a fun and interactive platform that gives you the basics and super-detailed version of typeface anatomy, in case you want to consider typography as your career niche.<\/p>\n<p align=\"center\">\n<p>Another amazing website to learn about the <strong>typography anatomy<\/strong> is <a href=\"https:\/\/www.fontsmith.com\/blog\/2016\/06\/29\/the-a-z-of-typographic-terms\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Fontsmith<\/a>, because I like the simple presentation of terms and their respective visual explanation.<\/p>\n<p align=\"center\">\n<p>If you\u2019re into watching and not just looking and reading, then this video by Lynda.com on the parts and shapes of type is in a snakable form for all those in a rush to quickly grasp the anatomy of letters.<\/p>\n<h2>Typography Tutorial &#8211; X-height, ascenders, descenders, serifs, and MORE<\/h2>\n<p><center><iframe width=\"560\" height=\"315\" data-src=\"https:\/\/www.youtube.com\/embed\/UPCIdtrDagc?si=X01a8gjsaV_XjJcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/center><\/p>\n<p>In case you want to learn about other languages in context to their font structure, you can get your hands on <a href=\"https:\/\/blog.29lt.com\/2015\/07\/30\/arabic-type-anatomy-typographic-terms\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Arabic Type Anatomy<\/a> that aims to \u201ctackle the problem of allocating typographic terms to Arabic type and typography\u201d sans calligraphy.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/29LT-BLOG.jpg\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"29LT BLOG\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/29LT-BLOG.jpg\" alt=\"29LT BLOG\" width=\"700\" height=\"464\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/464;\" \/><\/a><br \/>\n<a href=\"https:\/\/blog.29lt.com\/2015\/07\/30\/arabic-type-anatomy-typographic-terms\/\" class=\"broken_link\">Image Source<\/a><\/p>\n<p>So you\u2019ve looked at the sources above, but the real deal is how to use typeface anatomy to your benefit? This is a rhetorical question I aim to answer in the coming paragraphs.<\/p>\n<h2>Designer Problems In Font Pair Search<\/h2>\n<p>Designers always stumble upon millions of typefaces on the internet, which are both paid and free, but filtration is necessary and required. Sometimes the task is so overwhelming that I\u2019ve witnessed designers use the same font over-and-over again just to avoid the dreariness of finding a new pair.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Designer-Thoughts-on-Font-Pairing.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-13223 lazyload\" title=\"Designer Thoughts on Font Pairing\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Designer-Thoughts-on-Font-Pairing.jpg\" alt=\"Designer Thoughts on Font Pairing\" width=\"700\" height=\"1187\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/1187;\" \/><\/a><\/p>\n<h2>Factors To Consider When Choosing A Font Pairs<\/h2>\n<p>So when you\u2019re on a font pair hunt, keep the following factors in your mind that\u2019ll surely help you with your search. This is the kind of information, you need to know after you\u2019ve garnered at least the rudimentary education on typeface anatomy.<\/p>\n<h3>1. Make Sure Your Fonts Are Readable<\/h3>\n<p>If you want the hero font to be abstract then make sure the font for the body copy is easy-to-read and clear. In case you\u2019re using font pairs as a background pattern or texture like on the works of designer David Carson, then you can ignore the readability point.<\/p>\n<p>However, in order to make a font legible we must note that readers don\u2019t see individual letters, but they read a line or paragraph based on the <strong>anatomy of type<\/strong> in each word and the space around them. By space I mean kerning, tracking and leading.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking.png\"><img decoding=\"async\" class=\"alignnone wp-image-13228 lazyload\" title=\"Kerning, Leading, Tracking\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking.png\" alt=\"Kerning, Leading, Tracking\" width=\"700\" height=\"505\" data-srcset=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking.png 1000w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking-150x108.png 150w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking-300x216.png 300w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking-768x554.png 768w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Kerning-Leading-Tracking-358x258.png 358w\" data-sizes=\"(max-width: 700px) 100vw, 700px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/505;\" \/><\/a><\/p>\n<h2>2. Pick Fonts That Are Legible<\/h2>\n<p>You may notice the two, legibility and readability, discussed under the same sub-headings at times, but let me tell you they\u2019re two different things. Legibility refers to the width and shape of the strokes in a typeface.<\/p>\n<p>Here you need to consider your audience\u2019s age, disabilities and culture. For example millennials are capable of grasping closely kerned decorative fonts unless they don\u2019t have a vision impairment or dyslexia, while baby boomers prefer a bigger font size that is easy-to-read.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Readability-versus-Legibility.png\"><img decoding=\"async\" class=\"alignnone wp-image-13229 lazyload\" title=\"Readability versus Legibility\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Readability-versus-Legibility.png\" alt=\"Readability versus Legibility\" width=\"700\" height=\"264\" data-srcset=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Readability-versus-Legibility.png 1000w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Readability-versus-Legibility-150x57.png 150w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Readability-versus-Legibility-300x113.png 300w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Readability-versus-Legibility-768x290.png 768w\" data-sizes=\"(max-width: 700px) 100vw, 700px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/264;\" \/><\/a><\/p>\n<h3>3. Use Fonts That Are Recognizable<\/h3>\n<p>It isn\u2019t necessary to use a clich\u00e9 typeface such as Helvetica, but use a font pair in which the letters aren\u2019t alien to the audience. This is important when you\u2019re designing for a campaign that needs to reach a local community. Another thing to note is that if you use fonts from the same designer, foundry or ones with a similar <strong>anatomy of typography<\/strong> then the design will be comprehensible and relatable.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Font-Types-Styles-Trends-Infographic.png\"><img decoding=\"async\" class=\"alignnone wp-image-13230 lazyload\" title=\"Font Types, Styles, Trends\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Font-Types-Styles-Trends-Infographic.png\" alt=\"Font Types, Styles, Trends Infographic\" width=\"700\" height=\"3282\" data-srcset=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Font-Types-Styles-Trends-Infographic.png 1000w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Font-Types-Styles-Trends-Infographic-32x150.png 32w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Font-Types-Styles-Trends-Infographic-64x300.png 64w, https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Font-Types-Styles-Trends-Infographic-768x3601.png 768w\" data-sizes=\"(max-width: 700px) 100vw, 700px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/3282;\" \/><\/a><\/p>\n<h3>4. Use Font Pair With Contrast<\/h3>\n<p>In olden times serif font was the most recognized type, especially when designing a newspaper. But with the introduction of digital screens sans serif font has gained popularity. Nevertheless, if we go with the current typography trends in web design or print then a mix of serif and sans serif fonts is seen as a pleasing contrast.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Contrast-in-Font-Pairing-Infographic.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Contrast in Font Pairing\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Contrast-in-Font-Pairing-Infographic.png\" alt=\"Contrast in Font Pairing Infographic\" width=\"700\" height=\"1887\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/1887;\" \/><\/a><\/p>\n<h3>5. Select Fonts That Are Manageable<\/h3>\n<p>When working for web, it is essential to use scalable fonts so they can adapt to the size of the screen for example. Open Type fonts developed by Microsoft and Adobe offers \u201cwidely expanded character sets and layout features\u201d. If you want to take control over a font, then make sure you download a style that allows you to play with it. You can use software like Adobe Illustrator, Freehand or Corel Draw to play with the selected font pair for a logo, brand identity or marketing collateral.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typography-Quote-2.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Typography Quote 2\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typography-Quote-2.png\" alt=\"Typography Quote 2\" width=\"700\" height=\"504\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 700px; --smush-placeholder-aspect-ratio: 700\/504;\" \/><\/a><\/p>\n<h3>6. Pick Typefaces From The Same Superfamilies<\/h3>\n<p>If you\u2019re finding font pairing extremely arduous, then consider using your font pairs from the same superfamily. It is a family of typestyles that have a similar \u201cskeletal structure\u201d, matching and cap-heights and x-heights, and baseline; but different detailing. A superfamily, for example from a type foundry will have both serif and sans serif typefaces with a range of stroke weights. Choosing fonts within the same typeface family will create a contrast without discord. I think it\u2019s the easiest way out.<\/p>\n<p>The most basic variation is serif and sans serif but a superfamily can extend to condensed, slab, rounded, script and more. For example, Proxima Nova comprises of 130 styles and weights, and Neue Helvetica offers 107 font types in a variety of modes<\/p>\n<h3>7. Use Fonts That Have A Cognitive And Emotional Value<\/h3>\n<p>When you\u2019re pairing a font, you can\u2019t simply pick something random and call it a pair! If you ever went with this spontaneous approach, then next time avoid it. Always do your research: understand the purpose and audience of the design in order to choose the perfect font pair.<\/p>\n<p>You might think typeface anatomy has nothing to do with this at least, but you know what it actually does. A font with a taller x-height will give a different fa\u00e7ade and feeling to the design than a font with a shorter x-height. A serif font will look professional yet old-style versus a sans serif font that will appeal modern. A script typeface will look feminine but a monospaced font will seem dull and insipid.<\/p>\n<h2>Easy Way Out \u2013 Online Font Pairing Tools<\/h2>\n<p>If you\u2019re not able to manage font pairing on your own, you can take help from the following tools I enjoy using whenever I have something to design with a focus on text and typography.<\/p>\n<h3><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Google Fonts<\/a><\/h3>\n<p>Serves as guide for graphic and web design beginners and professionals to know the trending and most popular font choices. Sometimes I just go there to hangout and explore a handful of fonts and make a list for later.<\/p>\n<h3><a href=\"http:\/\/www.typeconnection.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Type Connection<\/a><\/h3>\n<p>It\u2019s an interactive website where you can mix-and-match fonts and enjoy just the way everything comes together. Type Connection describes itself as a \u201cgame that helps you learn how to pair typefaces.\u201d You can spend minutes on it, so I usually go there in my spare time.<\/p>\n<h3><a href=\"https:\/\/fontsinuse.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Fonts In Use<\/a><\/h3>\n<p>Have you ever wondered about the types of fonts used in a design? I often look at brand logos, posters and product packaging for instance and think about the typefaces that have been used and how they\u2019ve been used. Obviously, some fonts are recognizable but others are new. In that case, you can use Fonts In Use to help you solve the mystery.<\/p>\n<h3><a href=\"https:\/\/typekit.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Adobe Typekit<\/a><\/h3>\n<p>Not favoring here although I love all Adobe products, but this is a great tool to search your fonts instead of using the overused websites like Dafont or 1001fonts. For Adobe users, they can easily sync any font they like to the Adobe Cloud and use it.<\/p>\n<h3><a href=\"https:\/\/fontjoy.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Fontjoy<\/a><\/h3>\n<p>If you\u2019re designing a magazine, website design or anything with layers of text sub-divided into titles, sub-heading and body copy then this tool is a great resource. It has a dummy text, which you can replace with your content and see how it feels visually. I used it when I worked as an intern in a local publishing house.<\/p>\n<p>Well this is just the tip of the ice-berg, there are many other <a href=\"https:\/\/www.zilliondesigns.com\/blog\/30-font-resources-for-digital-and-print-typography\/\" target=\"_blank\" rel=\"noopener noreferrer\">font resources for digital and print typography<\/a> designs that you can use. The above-mentioned are my favorite, but you can bookmark your own list.<\/p>\n<h2><strong>Ready-To-Use Font Pairs<\/strong><\/h2>\n<p>Okay, now if you\u2019re a complete beginner or in a rush then just use the ready-made font pairs. Although this short-cut won\u2019t do any good to your design skills, you\u2019ll get a quick solution.<\/p>\n<ul>\n<li>Rochester and Hind Guntur<\/li>\n<li>Work Sans and Maitree<\/li>\n<li>Playfair Display and Lato<\/li>\n<li>Cutive Mono and Railway<\/li>\n<\/ul>\n<h3>Conclusion<\/h3>\n<p>I\u2019ve worked with fonts as well, and as simple as it sounds \u2013 it\u2019s actually an advanced skill but one that you can learn. When I interned at a local publishing house, the challenges I faced revolved around getting the text (article) to look nice by working on space and composition. With guidance and practice, I was able to grasp enough knowledge and gained command over it. So if you\u2019re working with text in design, don\u2019t fret that it\u2019s overwhelming. Sooner or later, you\u2019ll get a hang of it. Just be committed!<\/p>\n<p><strong>Have you got any other font pairing tip? Share it with us.<\/strong><\/p>\n<p><small>Vector Sources for images: Freepik, iStock<\/small><\/p>\n<p><a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/arts-crafts\" target=\"_blank\" rel=\"noopener noreferrer\">Arts and Crafts Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/software-development-service\" target=\"_blank\" rel=\"noopener noreferrer\">Software Development Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/communication-company\" target=\"_blank\" rel=\"noopener noreferrer\">Communication Company Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/blog\" target=\"_blank\" rel=\"noopener noreferrer\">Blog Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/media\" target=\"_blank\" rel=\"noopener noreferrer\">Media Service Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/personal\" target=\"_blank\" rel=\"noopener noreferrer\">Personal Logos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you struggle to find the perfect font pair? Matching two different fonts to create harmony or an appealing contrast is a daunting task many designers sweat on. Whether you\u2019re designing for print or the web, font pairing is a specialized technique that\u2019ll help you master your typography skill and it\u2019ll consequently make you a [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":13233,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[295],"tags":[],"class_list":["post-13221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Typeface Anatomy For Font Pairing<\/title>\n<meta name=\"description\" content=\"How do you make a perfect font pair? Not just with online tools. Here\u2019s a guide to typeface anatomy and just look at how it can help with font pairing.\" \/>\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.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typeface Anatomy For Font Pairing\" \/>\n<meta property=\"og:description\" content=\"How do you make a perfect font pair? Not just with online tools. Here\u2019s a guide to typeface anatomy and just look at how it can help with font pairing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\" \/>\n<meta property=\"og:site_name\" content=\"ZD Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/zilliondesigns\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-02T12:32:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T06:53:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png\" \/>\n\t<meta property=\"og:image:width\" content=\"830\" \/>\n\t<meta property=\"og:image:height\" content=\"396\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aamina Suleman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/thinkdesignvis\" \/>\n<meta name=\"twitter:site\" content=\"@zilliondesigns\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aamina Suleman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\"},\"author\":{\"name\":\"Aamina Suleman\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/f7e7d195254afd5ef31f6c5393e11515\"},\"headline\":\"How Typeface Anatomy Can Help Designers With Font Pairing\",\"datePublished\":\"2018-10-02T12:32:43+00:00\",\"dateModified\":\"2026-04-27T06:53:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\"},\"wordCount\":1920,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png\",\"articleSection\":[\"Graphic Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\",\"name\":\"Typeface Anatomy For Font Pairing\",\"isPartOf\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png\",\"datePublished\":\"2018-10-02T12:32:43+00:00\",\"dateModified\":\"2026-04-27T06:53:21+00:00\",\"description\":\"How do you make a perfect font pair? Not just with online tools. Here\u2019s a guide to typeface anatomy and just look at how it can help with font pairing.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png\",\"contentUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png\",\"width\":830,\"height\":396,\"caption\":\"Typeface Anatomy for Font Pairing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.zilliondesigns.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Typeface Anatomy Can Help Designers With Font Pairing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#website\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/\",\"name\":\"ZD Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\",\"name\":\"ZillionDesigns Blog\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png\",\"contentUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png\",\"width\":570,\"height\":134,\"caption\":\"ZillionDesigns Blog\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/zilliondesigns\",\"https:\/\/x.com\/zilliondesigns\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/f7e7d195254afd5ef31f6c5393e11515\",\"name\":\"Aamina Suleman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd07259fa82ff7fd959cf6c4a91835a4ba8c7cbcdf4d305a177d2192abae3115?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd07259fa82ff7fd959cf6c4a91835a4ba8c7cbcdf4d305a177d2192abae3115?s=96&d=mm&r=g\",\"caption\":\"Aamina Suleman\"},\"description\":\"A marketing design enthusiast, super passionate about the evolving scope of visual communication. With 3+ years of experience in content marketing, Aamina is driven by insights, inspirations, trends and creativity. She loves to travel, eat khowsuey, sip coffee, and watch mysteries.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/aaminasuleman\",\"https:\/\/x.com\/https:\/\/twitter.com\/thinkdesignvis\"],\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/author\/aamina-suleman\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typeface Anatomy For Font Pairing","description":"How do you make a perfect font pair? Not just with online tools. Here\u2019s a guide to typeface anatomy and just look at how it can help with font pairing.","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.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/","og_locale":"en_US","og_type":"article","og_title":"Typeface Anatomy For Font Pairing","og_description":"How do you make a perfect font pair? Not just with online tools. Here\u2019s a guide to typeface anatomy and just look at how it can help with font pairing.","og_url":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/","og_site_name":"ZD Blog","article_publisher":"http:\/\/facebook.com\/zilliondesigns","article_published_time":"2018-10-02T12:32:43+00:00","article_modified_time":"2026-04-27T06:53:21+00:00","og_image":[{"width":830,"height":396,"url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png","type":"image\/png"}],"author":"Aamina Suleman","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/thinkdesignvis","twitter_site":"@zilliondesigns","twitter_misc":{"Written by":"Aamina Suleman","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#article","isPartOf":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/"},"author":{"name":"Aamina Suleman","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/f7e7d195254afd5ef31f6c5393e11515"},"headline":"How Typeface Anatomy Can Help Designers With Font Pairing","datePublished":"2018-10-02T12:32:43+00:00","dateModified":"2026-04-27T06:53:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/"},"wordCount":1920,"commentCount":0,"publisher":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png","articleSection":["Graphic Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/","url":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/","name":"Typeface Anatomy For Font Pairing","isPartOf":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png","datePublished":"2018-10-02T12:32:43+00:00","dateModified":"2026-04-27T06:53:21+00:00","description":"How do you make a perfect font pair? Not just with online tools. Here\u2019s a guide to typeface anatomy and just look at how it can help with font pairing.","breadcrumb":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#primaryimage","url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png","contentUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Typeface-Anatomy-for-Font-Pairing.png","width":830,"height":396,"caption":"Typeface Anatomy for Font Pairing"},{"@type":"BreadcrumbList","@id":"https:\/\/www.zilliondesigns.com\/blog\/typeface-anatomy-font-pairing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.zilliondesigns.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How Typeface Anatomy Can Help Designers With Font Pairing"}]},{"@type":"WebSite","@id":"https:\/\/www.zilliondesigns.com\/blog\/#website","url":"https:\/\/www.zilliondesigns.com\/blog\/","name":"ZD Blog","description":"","publisher":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization","name":"ZillionDesigns Blog","url":"https:\/\/www.zilliondesigns.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png","contentUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png","width":570,"height":134,"caption":"ZillionDesigns Blog"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/zilliondesigns","https:\/\/x.com\/zilliondesigns"]},{"@type":"Person","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/f7e7d195254afd5ef31f6c5393e11515","name":"Aamina Suleman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dd07259fa82ff7fd959cf6c4a91835a4ba8c7cbcdf4d305a177d2192abae3115?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd07259fa82ff7fd959cf6c4a91835a4ba8c7cbcdf4d305a177d2192abae3115?s=96&d=mm&r=g","caption":"Aamina Suleman"},"description":"A marketing design enthusiast, super passionate about the evolving scope of visual communication. With 3+ years of experience in content marketing, Aamina is driven by insights, inspirations, trends and creativity. She loves to travel, eat khowsuey, sip coffee, and watch mysteries.","sameAs":["https:\/\/www.linkedin.com\/in\/aaminasuleman","https:\/\/x.com\/https:\/\/twitter.com\/thinkdesignvis"],"url":"https:\/\/www.zilliondesigns.com\/blog\/author\/aamina-suleman\/"}]}},"_links":{"self":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/13221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=13221"}],"version-history":[{"count":17,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/13221\/revisions"}],"predecessor-version":[{"id":34773,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/13221\/revisions\/34773"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/media\/13233"}],"wp:attachment":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=13221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=13221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=13221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}