\nMixing and matching different fonts can help segment a document. It can also change the reader’s attitude toward the content in a subtle but effective way. If you do it too often though, it can make the reader feel very disoriented as their goal becomes less about receiving the information you are conveying and more about figuring out what’s the point in all the changes. It also makes your publication look cluttered.\n<\/p>\n
<\/span>2. Inappropriately Sizing Fonts<\/span><\/h2>\n\nBelieve or not, fonts have optimal sizes where the designer thinks that they look their best. Fonts that are better when they’re larger are heading fonts, and ones that are better smaller are body fonts. You can definitely interchange some of them, but there are others that just do not work. It has a lot to do with the space between the lines that create the characters, the kerning (the space between characters), and most importantly, the letter shapes themselves. Consider the following example, which uses Dealers and Metrisch<\/a>.
\n![\"mixingfonts-1\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp\")
\nHere we see how a perfect headline font can be less than ideal when used as a body font. Never forsake readability in your quest for typographic flair.\n<\/p>\n<\/span>3. Misusing Fonts<\/span><\/h2>\n\nWhile there are a lot of typefaces that are notable for their versatility (I’m looking at you, Helvetica,) some fonts evoke a very tangible response from the reader. If you don’t take this into consideration when choosing your type, the publication will most likely suffer.
\n![\"bad](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015134\/icecreamsocial.jpg.webp\")
\nConsider this example from another recent article on type<\/a>. Here, the visuals and purpose of the ice cream ad don’t at all match with dark, gothic style of the typography. Occasionally, someone can pull off typographic irony for a great effect, but more often than not, examples like this are the result of lazy designers who don’t consider the implications of a typeface.\n<\/p>\n<\/span>4. Using Similar Fonts<\/span><\/h2>\n\nThere’s a fine line between a subtle difference and barely indistinguishable. There has to be a considerable difference between the two fonts or you can’t tell them apart. If there isn’t a marked difference, it will be very confusing for the reader. Similar to the changing-fonts-too-frequently problem, readers can become distracted by the font. They start to focus on telling the difference between the fonts rather than reading the text.
\n![\"mixingfonts-5\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015138\/mixingfonts-6.jpg.webp\")
\nHere the left example uses Brave<\/a>, Native<\/a>, and Gentlemen’s Poison<\/a>. It’s really tempting to cram these all together because they all fit a similar theme, but in practice, it could get messy if you created an entire site that constantly shifted between the three. Compare this to the example on the right, which uses Brite Script<\/a> and Libertad<\/a>, two clearly different typefaces that can be assigned more definitive hierarchy and purpose.\n<\/p>\n<\/span>5. Using Clashing Styles<\/span><\/h2>\n\nWhen mixing fonts, you have to be detail oriented. While slight differences or bold statements between styles can look unified, much like in fashion, it’s easy to make a font faux pas. Try to keep your fonts to the same family if you’re looking for subtlety. If you want to mess around with bigger changes, try to choose fonts that are proportional to each other, and for a really eye-catching look, try fonts in two almost opposite styles like a block sans serif with an elegant script underneath it. But be careful, the stronger the contrast, the higher risk of clashing.
\n![\"mixingfonts-4\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015141\/mixingfonts-4.jpg.webp\")
\nHere the top example mixes Native<\/a>, Eveleth<\/a>, and Goodfy<\/a>, which are all awesome fonts that can really clash when viewed all together. Compare this with the bottom example where we just stuck with different weights of Eveleth for a much more cohesive look.\n<\/p>\n<\/span>How Do You Mix Fonts?<\/span><\/h2>\n\nNow that you’ve read my advice for mixing fonts, leave a comment with the rules that you live by. What mistakes do you try to avoid? What goals do you keep in mind when crafting your typography? I’d love to hear your insight.\n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"
It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get stuck in occur when mixing your fonts together in a single design. Making careful choices about which fonts to use for different sections of text or headings is absolutely […]<\/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":[74],"tags":[37,61,166],"topics":[],"class_list":["post-15186","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-typography","tag-design","tag-fonts"],"acf":[],"yoast_head":"\n
Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avoid These 5 Mistakes When Mixing Fonts\" \/>\n<meta property=\"og:description\" content=\"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\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=\"2014-06-26T13:00:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T12:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"name\":\"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"datePublished\":\"2014-06-26T13:00:08+00:00\",\"dateModified\":\"2024-03-28T12:11:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avoid These 5 Mistakes When Mixing Fonts\"}]},{\"@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":"Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts","og_locale":"en_US","og_type":"article","og_title":"Avoid These 5 Mistakes When Mixing Fonts","og_description":"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get","og_url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-06-26T13:00:08+00:00","article_modified_time":"2024-03-28T12:11:37+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","name":"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","datePublished":"2014-06-26T13:00:08+00:00","dateModified":"2024-03-28T12:11:37+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Avoid These 5 Mistakes When Mixing Fonts"}]},{"@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\/15186","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=15186"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/15186\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=15186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=15186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=15186"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=15186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n
\nHere we see how a perfect headline font can be less than ideal when used as a body font. Never forsake readability in your quest for typographic flair.\n<\/p>\n
<\/span>3. Misusing Fonts<\/span><\/h2>\n\nWhile there are a lot of typefaces that are notable for their versatility (I’m looking at you, Helvetica,) some fonts evoke a very tangible response from the reader. If you don’t take this into consideration when choosing your type, the publication will most likely suffer.
\n
\nConsider this example from another recent article on type<\/a>. Here, the visuals and purpose of the ice cream ad don’t at all match with dark, gothic style of the typography. Occasionally, someone can pull off typographic irony for a great effect, but more often than not, examples like this are the result of lazy designers who don’t consider the implications of a typeface.\n<\/p>\n<\/span>4. Using Similar Fonts<\/span><\/h2>\n\nThere’s a fine line between a subtle difference and barely indistinguishable. There has to be a considerable difference between the two fonts or you can’t tell them apart. If there isn’t a marked difference, it will be very confusing for the reader. Similar to the changing-fonts-too-frequently problem, readers can become distracted by the font. They start to focus on telling the difference between the fonts rather than reading the text.
\n
\nHere the left example uses Brave<\/a>, Native<\/a>, and Gentlemen’s Poison<\/a>. It’s really tempting to cram these all together because they all fit a similar theme, but in practice, it could get messy if you created an entire site that constantly shifted between the three. Compare this to the example on the right, which uses Brite Script<\/a> and Libertad<\/a>, two clearly different typefaces that can be assigned more definitive hierarchy and purpose.\n<\/p>\n<\/span>5. Using Clashing Styles<\/span><\/h2>\n\nWhen mixing fonts, you have to be detail oriented. While slight differences or bold statements between styles can look unified, much like in fashion, it’s easy to make a font faux pas. Try to keep your fonts to the same family if you’re looking for subtlety. If you want to mess around with bigger changes, try to choose fonts that are proportional to each other, and for a really eye-catching look, try fonts in two almost opposite styles like a block sans serif with an elegant script underneath it. But be careful, the stronger the contrast, the higher risk of clashing.
\n
\nHere the top example mixes Native<\/a>, Eveleth<\/a>, and Goodfy<\/a>, which are all awesome fonts that can really clash when viewed all together. Compare this with the bottom example where we just stuck with different weights of Eveleth for a much more cohesive look.\n<\/p>\n<\/span>How Do You Mix Fonts?<\/span><\/h2>\n\nNow that you’ve read my advice for mixing fonts, leave a comment with the rules that you live by. What mistakes do you try to avoid? What goals do you keep in mind when crafting your typography? I’d love to hear your insight.\n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"
It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get stuck in occur when mixing your fonts together in a single design. Making careful choices about which fonts to use for different sections of text or headings is absolutely […]<\/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":[74],"tags":[37,61,166],"topics":[],"class_list":["post-15186","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-typography","tag-design","tag-fonts"],"acf":[],"yoast_head":"\n
Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avoid These 5 Mistakes When Mixing Fonts\" \/>\n<meta property=\"og:description\" content=\"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\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=\"2014-06-26T13:00:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T12:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"name\":\"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"datePublished\":\"2014-06-26T13:00:08+00:00\",\"dateModified\":\"2024-03-28T12:11:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avoid These 5 Mistakes When Mixing Fonts\"}]},{\"@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":"Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts","og_locale":"en_US","og_type":"article","og_title":"Avoid These 5 Mistakes When Mixing Fonts","og_description":"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get","og_url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-06-26T13:00:08+00:00","article_modified_time":"2024-03-28T12:11:37+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","name":"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","datePublished":"2014-06-26T13:00:08+00:00","dateModified":"2024-03-28T12:11:37+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Avoid These 5 Mistakes When Mixing Fonts"}]},{"@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\/15186","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=15186"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/15186\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=15186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=15186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=15186"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=15186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n
\nConsider this example from another recent article on type<\/a>. Here, the visuals and purpose of the ice cream ad don’t at all match with dark, gothic style of the typography. Occasionally, someone can pull off typographic irony for a great effect, but more often than not, examples like this are the result of lazy designers who don’t consider the implications of a typeface.\n<\/p>\n
<\/span>4. Using Similar Fonts<\/span><\/h2>\n\nThere’s a fine line between a subtle difference and barely indistinguishable. There has to be a considerable difference between the two fonts or you can’t tell them apart. If there isn’t a marked difference, it will be very confusing for the reader. Similar to the changing-fonts-too-frequently problem, readers can become distracted by the font. They start to focus on telling the difference between the fonts rather than reading the text.
\n
\nHere the left example uses Brave<\/a>, Native<\/a>, and Gentlemen’s Poison<\/a>. It’s really tempting to cram these all together because they all fit a similar theme, but in practice, it could get messy if you created an entire site that constantly shifted between the three. Compare this to the example on the right, which uses Brite Script<\/a> and Libertad<\/a>, two clearly different typefaces that can be assigned more definitive hierarchy and purpose.\n<\/p>\n<\/span>5. Using Clashing Styles<\/span><\/h2>\n\nWhen mixing fonts, you have to be detail oriented. While slight differences or bold statements between styles can look unified, much like in fashion, it’s easy to make a font faux pas. Try to keep your fonts to the same family if you’re looking for subtlety. If you want to mess around with bigger changes, try to choose fonts that are proportional to each other, and for a really eye-catching look, try fonts in two almost opposite styles like a block sans serif with an elegant script underneath it. But be careful, the stronger the contrast, the higher risk of clashing.
\n
\nHere the top example mixes Native<\/a>, Eveleth<\/a>, and Goodfy<\/a>, which are all awesome fonts that can really clash when viewed all together. Compare this with the bottom example where we just stuck with different weights of Eveleth for a much more cohesive look.\n<\/p>\n<\/span>How Do You Mix Fonts?<\/span><\/h2>\n\nNow that you’ve read my advice for mixing fonts, leave a comment with the rules that you live by. What mistakes do you try to avoid? What goals do you keep in mind when crafting your typography? I’d love to hear your insight.\n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"
It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get stuck in occur when mixing your fonts together in a single design. Making careful choices about which fonts to use for different sections of text or headings is absolutely […]<\/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":[74],"tags":[37,61,166],"topics":[],"class_list":["post-15186","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-typography","tag-design","tag-fonts"],"acf":[],"yoast_head":"\n
Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avoid These 5 Mistakes When Mixing Fonts\" \/>\n<meta property=\"og:description\" content=\"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\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=\"2014-06-26T13:00:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T12:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"name\":\"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"datePublished\":\"2014-06-26T13:00:08+00:00\",\"dateModified\":\"2024-03-28T12:11:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avoid These 5 Mistakes When Mixing Fonts\"}]},{\"@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":"Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts","og_locale":"en_US","og_type":"article","og_title":"Avoid These 5 Mistakes When Mixing Fonts","og_description":"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get","og_url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-06-26T13:00:08+00:00","article_modified_time":"2024-03-28T12:11:37+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","name":"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","datePublished":"2014-06-26T13:00:08+00:00","dateModified":"2024-03-28T12:11:37+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Avoid These 5 Mistakes When Mixing Fonts"}]},{"@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\/15186","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=15186"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/15186\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=15186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=15186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=15186"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=15186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n
\nHere the left example uses Brave<\/a>, Native<\/a>, and Gentlemen’s Poison<\/a>. It’s really tempting to cram these all together because they all fit a similar theme, but in practice, it could get messy if you created an entire site that constantly shifted between the three. Compare this to the example on the right, which uses Brite Script<\/a> and Libertad<\/a>, two clearly different typefaces that can be assigned more definitive hierarchy and purpose.\n<\/p>\n
<\/span>5. Using Clashing Styles<\/span><\/h2>\n\nWhen mixing fonts, you have to be detail oriented. While slight differences or bold statements between styles can look unified, much like in fashion, it’s easy to make a font faux pas. Try to keep your fonts to the same family if you’re looking for subtlety. If you want to mess around with bigger changes, try to choose fonts that are proportional to each other, and for a really eye-catching look, try fonts in two almost opposite styles like a block sans serif with an elegant script underneath it. But be careful, the stronger the contrast, the higher risk of clashing.
\n
\nHere the top example mixes Native<\/a>, Eveleth<\/a>, and Goodfy<\/a>, which are all awesome fonts that can really clash when viewed all together. Compare this with the bottom example where we just stuck with different weights of Eveleth for a much more cohesive look.\n<\/p>\n<\/span>How Do You Mix Fonts?<\/span><\/h2>\n\nNow that you’ve read my advice for mixing fonts, leave a comment with the rules that you live by. What mistakes do you try to avoid? What goals do you keep in mind when crafting your typography? I’d love to hear your insight.\n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"
It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get stuck in occur when mixing your fonts together in a single design. Making careful choices about which fonts to use for different sections of text or headings is absolutely […]<\/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":[74],"tags":[37,61,166],"topics":[],"class_list":["post-15186","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-typography","tag-design","tag-fonts"],"acf":[],"yoast_head":"\n
Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avoid These 5 Mistakes When Mixing Fonts\" \/>\n<meta property=\"og:description\" content=\"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts\" \/>\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=\"2014-06-26T13:00:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T12:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\",\"name\":\"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"datePublished\":\"2014-06-26T13:00:08+00:00\",\"dateModified\":\"2024-03-28T12:11:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/06\\\/28015130\\\/mixingfonts-3.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avoid These 5 Mistakes When Mixing Fonts\"}]},{\"@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":"Avoid These 5 Mistakes When Mixing Fonts - 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\/avoid-these-5-mistakes-when-mixing-fonts","og_locale":"en_US","og_type":"article","og_title":"Avoid These 5 Mistakes When Mixing Fonts","og_description":"It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get","og_url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-06-26T13:00:08+00:00","article_modified_time":"2024-03-28T12:11:37+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","url":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts","name":"Avoid These 5 Mistakes When Mixing Fonts - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","datePublished":"2014-06-26T13:00:08+00:00","dateModified":"2024-03-28T12:11:37+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/06\/28015130\/mixingfonts-3.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/avoid-these-5-mistakes-when-mixing-fonts#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Avoid These 5 Mistakes When Mixing Fonts"}]},{"@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\/15186","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=15186"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/15186\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=15186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=15186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=15186"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=15186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n
\nHere the top example mixes Native<\/a>, Eveleth<\/a>, and Goodfy<\/a>, which are all awesome fonts that can really clash when viewed all together. Compare this with the bottom example where we just stuck with different weights of Eveleth for a much more cohesive look.\n<\/p>\n