{"id":22304,"date":"2015-04-20T05:00:43","date_gmt":"2015-04-20T12:00:43","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=22304"},"modified":"2024-04-04T01:05:02","modified_gmt":"2024-04-04T08:05:02","slug":"10-infographics-on-how-to-mix-fonts-like-a-pro","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro","title":{"rendered":"10 Infographics On How to Mix Fonts Like a Pro"},"content":{"rendered":"

When choosing fonts, there’s an unspoken consensus that typefaces should work well together and be consistent. However, mixing fonts in unexpected ways can result in a striking and original effects. In some cases, the more contrast, the better. While there are a few “guidelines” when it comes to pairing fonts — such as being selective and keeping font families together — some rules are clearly meant to be broken. Here are 10 awesome infographics that address the designer conundrum of mixing fonts effectively:

<\/span>1. Mixing Fonts Cheat Sheet<\/span><\/h2>\"001\"<\/a>

This infographic is a handy cheat sheet<\/a> listing 22 typefaces. It cross-references them to show how well each combination goes together and provides simple advice in the form of: 1. Combine at will, 2. Not a conservative choice, or 3. Think again.
\n<\/p>

<\/span>2. Four Things You Need To Know To Pair Fonts Well<\/span><\/h2>\"002\"<\/a>

This 4-part infographic set shows how some basic typography principles<\/a> go a long way when mixing up fonts. What’s really compelling about this series is how it simplifies advanced concepts like contrast and font classes to help us create stellar combinations.<\/p>

<\/span>3. Tips on How to Mix & Match Fonts<\/span><\/h2>\"003\"<\/a>

This clever graphic shares some great tips on how to mix fonts properly<\/a> and avoid the dreaded “font vomit.” Tips include pairing opposites and playing with kerning to achieve balance.<\/p>

<\/span>4. The Art of Mixing Typefaces<\/span><\/h2>\"004\"<\/a>

This handy resource assists in the matching of Google fonts<\/a>, with 20 font options cross-referenced to show which ones tend to mix well in design projects for a total of 400 combinations.<\/p>

\n[[cb-fontpairing]]\n<\/p>

<\/span>5. A Palette with Wit, Energy, Poise & Dignity <\/span><\/h2>\"005\"<\/a>

This infographic<\/a> highlights four tips to navigate the typographic ocean, all built around H&FJ’s Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.
<\/p>

<\/span>6. The Art of Combining Fonts<\/span><\/h2>\"006\"<\/a>

This helpful graphic breaks it down to the basics<\/a>, including what to do (or not do) with serif or sans serif text. Charlotte Katelyn, who created the infographic, reminds us to go for tasteful contrast, keeping it simple and being careful about “mixing moods.”
<\/p>

<\/span>7. The 10 Commandments of Typography<\/span><\/h2>\"007\"<\/a>

This guide<\/a> reminds you of 10 essential typography principles and suggests guidelines for designers trying to pair fonts effectively. Pairing different font weights within the same family, creating complementary moods, and other ways to make the most of “opposites,” is the focus of this attractive tip sheet.
<\/p>

<\/span>8. For The Classic Designer<\/span><\/h2>\"008\"<\/a>

For those who enjoy timeless typefaces, this infographic<\/a> is the one to have around. Though widely used and recognized, fonts like Futura, Helvetica, Baskerville and Frutiger will always have a space in every designer’s toolbox. Mixing them up in innovative and conscious ways might deliver just the right amount of wow that your next design is calling for.
<\/p>

<\/span>9. Wedding Font Combos<\/span><\/h2>\"009\"<\/a>

If combining fonts artfully is the goal but ordinary just won’t do, this infographic can help. These extremely fancy font<\/a> ideas are suitable for wedding invitations, or whenever a special and elegant look is called for. The infographic introduces 8 different font pairing styles that go from modern to whimsical.
<\/p>

<\/span>10. Spring Forward with Typography<\/span><\/h2>\"010\"<\/a>

Looking for fresh font combinations for Spring? This graphic features some stunning pairings<\/a>, inspiring us to bring some seasonal character to our work.<\/p>

Designers must mix and pair fonts on a daily basis, and inspiration can often run dry. Fortunately, designers are a generous bunch, and infographics like these can be the perfect resource for learning how to mix fonts like a pro.<\/p>

For more information, check out these helpful guides: A Beginner’s Guide to Font Pairing<\/a>, The Ultimate Guide to Pairing Fonts<\/a>, A Dating Game for Fonts<\/a>, A Fantastic Guide for Picking and Pairing Fonts<\/a>, A 7-Step Plan to Become a Typography Expert<\/a>, Kerning Tips to Improve Your Typography<\/a>, Learn to Make Your Own Fonts with These 10 Courses<\/a>


<\/p>

Products Seen In This Post:<\/strong><\/p>

<\/figure>\n \n
<\/figure>\n \n<\/p>
\"getpaidtowrite-banner\"\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

When choosing fonts, there’s an unspoken consensus that typefaces should work well together and be consistent. However, mixing fonts in unexpected ways can result in a striking and original effects. In some cases, the more contrast, the better. While there are a few “guidelines” when it comes to pairing fonts — such as being selective […]<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[64,79,166],"topics":[],"class_list":["post-22304","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-infographics","tag-graphics","tag-fonts"],"acf":[],"yoast_head":"\n10 Infographics On How to Mix Fonts Like a Pro - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Infographics On How to Mix Fonts Like a Pro\" \/>\n<meta property=\"og:description\" content=\"When choosing fonts, there's an unspoken consensus that typefaces should work well together and be consistent. However, mixing fonts in unexpected ways\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2015-04-20T12:00:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-04T08:05:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04004618\/001.png.webp\" \/>\n<meta name=\"author\" content=\"Creative Market\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Creative Market\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro\",\"name\":\"10 Infographics On How to Mix Fonts Like a Pro - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/04\\\/04004618\\\/001.png.webp\",\"datePublished\":\"2015-04-20T12:00:43+00:00\",\"dateModified\":\"2024-04-04T08:05:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/04\\\/04004618\\\/001.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/04\\\/04004618\\\/001.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-infographics-on-how-to-mix-fonts-like-a-pro#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Infographics On How to Mix Fonts Like a Pro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Infographics On How to Mix Fonts Like a Pro - Creative Market Blog","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:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro","og_locale":"en_US","og_type":"article","og_title":"10 Infographics On How to Mix Fonts Like a Pro","og_description":"When choosing fonts, there's an unspoken consensus that typefaces should work well together and be consistent. However, mixing fonts in unexpected ways","og_url":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-04-20T12:00:43+00:00","article_modified_time":"2024-04-04T08:05:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04004618\/001.png.webp","type":"","width":"","height":""}],"author":"Creative Market","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Creative Market","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro","url":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro","name":"10 Infographics On How to Mix Fonts Like a Pro - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04004618\/001.png.webp","datePublished":"2015-04-20T12:00:43+00:00","dateModified":"2024-04-04T08:05:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04004618\/001.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04004618\/001.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/10-infographics-on-how-to-mix-fonts-like-a-pro#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Infographics On How to Mix Fonts Like a Pro"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/22304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=22304"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/22304\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=22304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=22304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=22304"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=22304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}