{"id":58733,"date":"2022-01-17T09:00:00","date_gmt":"2022-01-17T17:00:00","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=58733"},"modified":"2022-01-18T07:14:02","modified_gmt":"2022-01-18T15:14:02","slug":"introducing-matteson-typographics","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics","title":{"rendered":"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If you&#8217;ve ever created or read text set in Open Sans, you&#8217;re already familiar with Steve Matteson&#8217;s work. Over the last 30 years, Matteson has designed or revived over 90 typeface families, crafting well-known typefaces like Segoe, Droid, and Carnero. His impressive list of clients includes\u00a0Microsoft, Google, Toyota, and Unilever.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Today, we&#8217;re honored to welcome Steve&#8217;s exceptional&nbsp;talent, devotion to type, and <a href=\"https:\/\/creativemarket.com\/mattesontypo?utm_source=CMblog\">unique catalog<\/a> to Creative Market. We recently sat with him to learn more about his story and lessons learned. Read on to get a closer look at the making of an extraordinary career in type.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-inspired-you-to-design-typefaces-in-the-first-place\"><span class=\"ez-toc-section\" id=\"What_inspired_you_to_design_typefaces_in_the_first_place\"><\/span>What inspired you to design typefaces in the first place?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I was always drawn to letters. Like many&nbsp;kids, I loved drawing block letters and may have had an unusual awareness of people with unique handwriting. Later on, I took calligraphy classes in high school and did some architectural lettering. That opened my eyes to handmade letters. However, it was college typography that blew my mind open to what typography really is. Letterpress printing and working with physical type drew me to letterforms in new ways.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This wasn&#8217;t type design per se, but it\u2019s the path that led me there. The thing about working with physical type in a letterpress environment is that it teaches you that <strong>type is a tool<\/strong>. It\u2019s just one of the resources that you use to reproduce information. You\u2019ve got drawers and drawers of metal type and go around picking through and thinking, \u201coh, this is unique\u201d or &#8220;this one fits the page I&#8217;m trying to print&#8221;. By introducing typography like this, you naturally find yourself thinking in terms of use cases.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My mentor, Goudy award-winner Chuck Bigelow, had a great quote to express this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u201cToday\u2019s type designer ought to aim for designs that are made for specific needs.\u201d<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">That idea rang true to me. Ultimately, type designers are making tools that leverage technology in order to communicate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This was the late 80s: desktop publishing was taking off and driving new typeface designs. Throughout my career, I&#8217;ve used technology&#8217;s impact to steer my efforts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-is-that-what-led-you-to-create-fonts-for-microsoft-and-google\"><span class=\"ez-toc-section\" id=\"Is_that_what_led_you_to_create_fonts_for_Microsoft_and_Google\"><\/span><span style=\"font-weight: 600;\">I<\/span>s that what led you to create fonts for Microsoft and Google?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. There was a very pivotal moment in type technology where the first TrueType fonts were being made for Microsoft Windows. I had the opportunity to be a part of the team that made these fonts.&nbsp;PostScript had been successful, but Microsoft and Apple were fully invested in this new TrueType technology.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once again, we were seeing a tech-driven shift in typographic design. Instead of letterform design, the challenge here was to represent typefaces accurately and faithfully with a different technology. You&#8217;re taking a letterform that has been around for years and are trying to faithfully represent it with pixels instead of toner or ink.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Android platform is a great example of that. When smartphones first came out, they didn\u2019t have 300 DPI screens; they were still relatively low-resolution. My brief was to design a typeface for Google that represented the user interface clearly, remained readable, and looked like it belonged to Google. The Droid font family was a result of this effort. Later on, I also designed Open Sans for Google&#8217;s brand system.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-1024x640.jpg\" alt=\"\" class=\"wp-image-58741\" srcset=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-1024x640.jpg 1024w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-300x188.jpg 300w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-768x480.jpg 768w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-435x272.jpg 435w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-700x438.jpg 700w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid-624x390.jpg 624w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid.jpg 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-were-you-thinking-about-legibility-when-you-made-droid-a-serif-font\"><span class=\"ez-toc-section\" id=\"Were_you_thinking_about_legibility_when_you_made_Droid_a_serif_font\"><\/span><span style=\"font-weight: 600;\">Were you thinking about legibility when you made Droid a serif font?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. Low-resolution display informed that early Android work. This is technology, again, impacting typographic design. Back when newspapers were offset-printed,&nbsp;they&#8217;d turn the press on at high speeds and use cheap paper. Letterforms, therefore, had to be designed in a way that made them robust enough to handle that kind of stress. Having that experience with offset printing helped me navigate the challenges of screen displays.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Comparing the different typefaces on phones\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/EHP78V6RsAI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-do-you-still-design-letterforms-on-paper\"><span class=\"ez-toc-section\" id=\"Do_you_still_design_letterforms_on_paper\"><\/span><span style=\"font-weight: 600;\">Do you still design letterforms on paper?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quite often. Paper helps my mind catalog the ideas I want to apply and identify anything I don&#8217;t want to see in the typeface. It&#8217;s easier to scratch and refine initial concepts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There&#8217;s an argument that it&#8217;s just easier to draw a circle on a computer. I agree: if you are going to have a circle on your typeface, you might as well just draw it on the computer. However, for my designs, I try to not be that mechanical. I always try to bring some kind of human element and you can\u2019t really have the computer create those for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I suppose you could write an algorithm that feeds you a whole bunch of shapes and you say \u201cyeah, I like that one\u201d, but I am older school and would rather create the form myself and then represent it on a computer. I&#8217;d prefer to either digitize the letterforms with drawing tools on the computer or re-draw what I drew on paper from scratch\u2014which is another way that I work.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-where-do-your-typeface-design-ideas-come-from\"><span class=\"ez-toc-section\" id=\"Where_do_your_typeface_design_ideas_come_from\"><\/span>Where do your typeface design ideas come from?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A lot are driven by <strong>what the customer wants<\/strong>. Usually, the customer will hand a brief with resolution specs or brand pointers like &#8220;we&#8217;re rebellious&#8221; or &#8220;we&#8217;re after a conservative look&#8221;. All those little elements will go into certain features of the typeface. Quite often you will come to a brand with what <em>you think<\/em> is a really great, cutting edge idea and the corporate brand is just not ready for that kind of change. A lot of corporate designs get watered down.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But even with simple geometric designs, like the custom typeface I created for Toyota, they had this element that made them unique. While neutral and clean, I tried to infuse a human element that <strong>aids legibility<\/strong> and makes reading engaging.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-1024x683.jpg\" alt=\"\" class=\"wp-image-58739\" srcset=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-1024x683.jpg 1024w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-300x200.jpg 300w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-768x512.jpg 768w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-1536x1024.jpg 1536w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-435x290.jpg 435w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-700x467.jpg 700w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-600x400.jpg 600w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-220x146.jpg 220w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-585x390.jpg 585w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop-720x480.jpg 720w, https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01110819\/home_latest_desktop.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>From <a href=\"https:\/\/www.toyota.com\/brandguidelines\">Toyota&#8217;s Visual Identity System<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I don&#8217;t like to introduce features that are distracting or disruptive\u2014 particularly for corporate customers.&nbsp;<span style=\"font-size: revert; color: initial;\">You don\u2019t want to turn off readers or make it exhausting to differentiate letterforms. For instance, I will often present an l with a little foot on it because a capital I (i) and a lower-case l (L) get bashed around all the time because you can&#8217;t tell the difference.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clients will often come to me with questions like <em>\u201cWhy are you making the letterforms so open?\u201d.<\/em> You have to consider that most of your texts are being read on screen, so you need to make typefaces as readable as possible.&nbsp;There is a lot of concession and education involved.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For my own work and retail typefaces, I look at a lot of <strong>vintage lettering.<\/strong>&nbsp;I&#8217;m especially inspired by typefaces that were done in metal but never made it to photo, digital, or webfonts, even. Why were they drawing such unique characteristics?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Frederic Goudy<\/strong> is my favorite type designer all the way back to school. I remember learning about him as an innovator who pioneered the concept of independent type studios. Creating typefaces, licensing them to type foundries, what so many of us do today: he was one of the first to really do that.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">He also worked on a lot of private typefaces that either have never been revived or have been interpreted haphazardly. I have been trying to do right by his old designs. A lot of them are quirky and have a signature sense of Goudy to them. A sense of <em>his own hand.<\/em><\/p>\n\n\n    <figure id=\"card-6581418-1737594721\" class=\"product-card full 1\" data-product-id=\"6581418\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1737594721\"><\/figure>\n    \n\n\n<p class=\"wp-block-paragraph\">Some of them also represent historical references that he set out to revive, whether it is a French type, or an Italian Renaissance typeface that he saw somewhere. Looking at printed pages and figuring out&nbsp;where his inspiration came from is interesting to me. I want to do my part to preserve Goudy typefaces for history.<\/p>\n\n\n    <figure id=\"card-6581454-698985774\" class=\"product-card full \" data-product-id=\"6581454\" data-index=\"1\" data-width=\"full\" data-pin_it=\"\" data-module=\"Product Embed\" data-block-id=\"698985774\"><\/figure>\n    \n\n\n<h2 class=\"wp-block-heading\" id=\"h-there-are-a-few-goudy-revivals-in-your-creative-market-shop-do-you-have-a-favorite\"><span class=\"ez-toc-section\" id=\"There_are_a_few_Goudy_revivals_in_your_Creative_Market_shop_Do_you_have_a_favorite\"><\/span><strong>There are a few Goudy revivals in your <a href=\"https:\/\/creativemarket.com\/mattesontypo?utm_source=CMblog\">Creative Market shop<\/a>. Do you have a favorite?&nbsp;<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I think my favorite is Goudy Titling, based on his woodcut letterforms. He cut these tiny 3-by-3 inch squares into wood illustrations from a book about Trajan capitals. Those actual cuts turned up at RIT, my alma mater, and it was just amazing to see them in physical form. These letterforms were so graceful I was convinced they should be digitized. So I did it myself, along with other weights that made the typeface even more useful.<\/p>\n\n\n    <figure id=\"card-6581413-438811681\" class=\"product-card full \" data-product-id=\"6581413\" data-index=\"1\" data-width=\"full\" data-pin_it=\"\" data-module=\"Product Embed\" data-block-id=\"438811681\"><\/figure>\n    \n\n\n<h2 class=\"wp-block-heading\" id=\"h-do-you-think-this-rennaisance-look-in-type-is-coming-back\"><span class=\"ez-toc-section\" id=\"Do_you_think_this_Rennaisance_look_in_type_is_coming_back\"><\/span>Do you think this Rennaisance look in type is coming back?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I think that\u2019s quite true. People have had time to think during the pandemic and reconnect with literature and philosophy. I think there is a need for human contact, craftmanship, humanism, and avoidance of mechanical typefaces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-your-signature-typeface-design-style-classic-matteson\"><span class=\"ez-toc-section\" id=\"What_is_your_signature_typeface_design_style_Classic_Matteson\"><\/span>What is your signature typeface design style? Classic Matteson.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I like to play with vowels. Because they appear more frequently, they&#8217;re going to bring more character to the typeface. I&#8217;m also drawn to two-story lower-case g\u2019s because they bring a totally different texture to a typeface than a single-story g. I think a single-story g brings a certain monotony to the rhythm, whereas a two-story g adds some syncopation.<\/p>\n\n\n    <figure id=\"card-6581429-806647025\" class=\"product-card full \" data-product-id=\"6581429\" data-index=\"1\" data-width=\"full\" data-pin_it=\"\" data-module=\"Product Embed\" data-block-id=\"806647025\"><\/figure>\n    \n\n\n<p class=\"wp-block-paragraph\">I am also a musician, so I think rhythm and syncopation are part of what I try to infuse into an otherwise mechanical design. My signature style involves bringing an element of humanity, rhythm, and syncopation into a typeface.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-does-your-love-for-music-come-together-with-your-love-for-typography\"><span class=\"ez-toc-section\" id=\"How_does_your_love_for_music_come_together_with_your_love_for_typography\"><\/span>How does your love for music come together with your love for typography?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I think that music and type design are similar in the balance you need to strike between your left and right sides of the brain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The best musicians will tell you there&#8217;s an element of free play and a level of structure. One of the type designers I used to work with, Jim Wasco, was a great jazz pianist, but he couldn\u2019t read music. I, on the other hand, am not a good improviser at all.\u00a0He would envy me if I sat down and played piano because I could read the notes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Tell me what the chords are and I\u2019ll play it, you know.&#8221; I envied him for that, and he envied me for my ability to read the music. Free play and structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When I sit down and start drawing a new typeface, I\u2019ve always got music playing. I think, in a way, having the music playing will remind me of that connection. \u201cWow, this composer really balanced rhythm and melody or counterpoint.\u201d I should be doing that in my design. It\u2019s a subtle, subliminal reminder that I need to be thinking in those terms when I am drawing something new: free play.<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01112952\/CarneroBeatFinalTrim.m4a\"><\/audio><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then there&#8217;s the phase of type design where there is a lot of repetitive work. You don\u2019t really have to think anymore: \u00a0you&#8217;re just on a roll combining accents or kerning. I\u2019m usually just playing straight ahead rock and roll for this.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-makes-a-good-typeface-in-your-opinion\"><span class=\"ez-toc-section\" id=\"What_makes_a_good_typeface_in_your_opinion\"><\/span>What makes a good typeface, in your opinion?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I see a lot of student work where they will try to make every letter unique. While there is a place for that, the trick in a typeface is to build harmony throughout. If you introduce something that is really disruptive, or not part of the DNA, it looks foreign.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">People might also stumble on reading it. There is a tendency to say \u201cI want to do a lot of swash caps and flourishes,\u201d but you have to think again about what Chuck Bigelow said: is it solving a problem, to have all of these extra features? It may be satisfying to the designer, and there is nothing wrong with that, but when you think of the end-user and how they might put these letters together, it may be very complex. When shopping for type, don\u2019t let tons and tons of alternates necessarily sway you. That might be a lot of frosting with no cake.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I think that typography should be such that it <strong>sustains the rhythm&nbsp;<\/strong>and contains enough flourish to <strong>retain the interest<\/strong> of the reader. There\u2019s a fine balance there.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-resources-would-you-recommend-to-a-typography-enthusiast\"><span class=\"ez-toc-section\" id=\"What_resources_would_you_recommend_to_a_typography_enthusiast\"><\/span>What resources would you recommend to a typography enthusiast?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There is no question in my mind that Glyphs is the tool of choice. It&#8217;s intuitive, powerful, and led by amazing developers. They have a great community of people who help each other out through the process. If I had had Glyphs 30 years ago, I would probably have twice as many typefaces.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">What many don\u2019t understand about typeface design is that it makes you use both sides of the brain. On one hand, you&#8217;re exercising creativity: there is art in your individual letters. However, these glyphs also have to work well together, as part of a system. As a designer and musician, Steve Matteson understands that typefaces are crafted to hit high notes but also play beautifully as a melody. It&#8217;s about art and expression, but also math and rhythm.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;re honored to have <a href=\"https:\/\/creativemarket.com\/mattesontypo?utm_source=CMblog\">Steve Matteson&#8217;s catalog at Creative Market<\/a> and can&#8217;t wait to see what you&#8217;ll create with his typefaces!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;ve ever created or read text set in Open Sans, you&#8217;re already familiar with Steve Matteson&#8217;s work. Over the last 30 years, Matteson has designed or revived over 90 typeface families, crafting well-known typefaces like Segoe, Droid, and Carnero. His impressive list of clients includes\u00a0Microsoft, Google, Toyota, and Unilever.\u00a0 Today, we&#8217;re honored to welcome [&hellip;]<\/p>\n","protected":false},"author":73,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"topics":[],"class_list":["post-58733","post","type-post","status-publish","format-standard","hentry","category-design-basics"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics - 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\/introducing-matteson-typographics\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics\" \/>\n<meta property=\"og:description\" content=\"If you&#039;ve ever created or read text set in Open Sans, you&#039;re already familiar with Steve Matteson&#039;s work. Over the last 30 years, Matteson has designed or\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics\" \/>\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=\"2022-01-17T17:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-18T15:14:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2022\/01\/15081823\/Matteson-Typographics-FeaturedImage-Horizontal.jpg\" \/>\n<meta name=\"author\" content=\"Laura Busche\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2022\/01\/15081823\/Matteson-Typographics-FeaturedImage-Horizontal.jpg\" \/>\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=\"Laura Busche\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics\",\"name\":\"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Droid-1024x640.jpg\",\"datePublished\":\"2022-01-17T17:00:00+00:00\",\"dateModified\":\"2022-01-18T15:14:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/e49444db004baa7d03b048743c86efe6\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2021\\\/12\\\/01115858\\\/Droid.jpg\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2021\\\/12\\\/01115858\\\/Droid.jpg\",\"width\":1440,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/introducing-matteson-typographics#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics\"}]},{\"@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":"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics - 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\/introducing-matteson-typographics","og_locale":"en_US","og_type":"article","og_title":"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics","og_description":"If you've ever created or read text set in Open Sans, you're already familiar with Steve Matteson's work. Over the last 30 years, Matteson has designed or","og_url":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2022-01-17T17:00:00+00:00","article_modified_time":"2022-01-18T15:14:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2022\/01\/15081823\/Matteson-Typographics-FeaturedImage-Horizontal.jpg","type":"","width":"","height":""}],"author":"Laura Busche","twitter_card":"summary_large_image","twitter_image":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2022\/01\/15081823\/Matteson-Typographics-FeaturedImage-Horizontal.jpg","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Laura Busche","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics","url":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics","name":"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics#primaryimage"},"thumbnailUrl":"https:\/\/creativemarket.com\/blog\/wp-content\/uploads\/2021\/12\/Droid-1024x640.jpg","datePublished":"2022-01-17T17:00:00+00:00","dateModified":"2022-01-18T15:14:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/e49444db004baa7d03b048743c86efe6"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid.jpg","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2021\/12\/01115858\/Droid.jpg","width":1440,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/introducing-matteson-typographics#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Typefaces, Humanism, and Rhythm: Introducing Matteson Typographics"}]},{"@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\/58733","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\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=58733"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/58733\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=58733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=58733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=58733"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=58733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}