-
Notifications
You must be signed in to change notification settings - Fork 0
/
how-to-use-jost-font.html
1 lines (1 loc) · 44.3 KB
/
how-to-use-jost-font.html
1
<!DOCTYPE html><html lang="en-gb"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Reviewing Jost: A Geometric Sans Serif Expressing Extra Joy - FontDiscovery</title><meta name="description" content="Jost is a geometric sans serif perfect for startups looking to design a friendly logo to their users. See visual examples on how to use this font."><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-jost-font.html"><link rel="alternate" type="application/atom+xml" href="https://typogram.co/font-discovery/feed.xml"><link rel="alternate" type="application/json" href="https://typogram.co/font-discovery/feed.json"><meta property="og:title" content="Reviewing Jost: A Geometric Sans Serif Expressing Extra Joy"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/85/cover.png"><meta property="og:image:width" content="1432"><meta property="og:image:height" content="924"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Jost is a geometric sans serif perfect for startups looking to design a friendly logo to their users. See visual examples on how to use this font."><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-jost-font.html"><meta property="og:type" content="article"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@typogramco"><meta name="twitter:title" content="Reviewing Jost: A Geometric Sans Serif Expressing Extra Joy"><meta name="twitter:description" content="Jost is a geometric sans serif perfect for startups looking to design a friendly logo to their users. See visual examples on how to use this font."><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/85/cover.png"><link rel="shortcut icon" href="https://typogram.co/font-discovery/media/website/typogram-profile.png" type="image/x-icon"><link rel="preload" href="https://typogram.co/font-discovery/assets/dynamic/fonts/playfairdisplay/playfairdisplay.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://typogram.co/font-discovery/assets/css/style.css?v=f1582e3ba6ff2a96bf3c088b69295b45"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://typogram.co/font-discovery/how-to-use-jost-font.html"},"headline":"Reviewing Jost: A Geometric Sans Serif Expressing Extra Joy","datePublished":"2022-05-22T00:46","dateModified":"2022-07-28T01:04","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/85/cover.png","height":924,"width":1432},"description":"Jost is a geometric sans serif perfect for startups looking to design a friendly logo to their users. See visual examples on how to use this font.","author":{"@type":"Person","name":"Hua Shu","url":"https://typogram.co/font-discovery/authors/hua-shu/"},"publisher":{"@type":"Organization","name":"Hua Shu","logo":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/website/Typogram-logo-2.svg","height":500,"width":2396}}}</script></head><body><div class="container"><header class="header" id="js-header"><a href="https://www.typogram.co/" class="logo"><img src="https://typogram.co/font-discovery/media/website/Typogram-logo-2.svg" alt="FontDiscovery"></a><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li><a href="https://typogram.co/blog/" target="_self">Blog Home</a></li><li class="has-submenu"><a href="https://typogram.co/font-discovery/" target="_self" aria-haspopup="true">FontDiscovery</a><ul class="navbar__submenu level-2" aria-hidden="true"><li><a href="https://typogram.co/font-discovery/tags/serif/" title="Serif" target="_self">Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/slab-serif/" title="Slab Serif" target="_self">Slab Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/sans-serif/" target="_self">Sans Serif</a></li><li><a href="https://typogram.co/font-discovery/tags/script/" target="_self">Script</a></li><li><a href="https://typogram.co/font-discovery/tags/display/" target="_self">Display</a></li><li><a href="https://typogram.co/font-discovery/tags/monospaced/" target="_self">Monospaced</a></li></ul></li><li><a href="https://typogram.co/build" title="BuildinPublic" target="_self">BuildinPublic</a></li><li><a href="https://typogram.co/help" title="Help Center" target="_self">Help Center</a></li><li><a href="https://typogram.co/blog/about-us/" title="About Us" target="_self">About Us</a></li><li class="pre-order-button"><a href="https://typogram.co/sign-in" title="SIGN-IN" target="_self">Sign-in</a></li></ul></nav></header><main><article class="post wrapper"><header class="hero"><p class="post__meta">By <a href="https://typogram.co/font-discovery/authors/hua-shu/" rel="author" title="Hua Shu">Hua Shu</a> Published on <time datetime="2022-05-22T00:46">May 22, 2022</time></p><h1 class="post__title">Reviewing Jost: A Geometric Sans Serif Expressing Extra Joy</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/85/cover.png" srcset="https://typogram.co/font-discovery/media/posts/85/responsive/cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/85/responsive/cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/85/responsive/cover-md.png 768w, https://typogram.co/font-discovery/media/posts/85/responsive/cover-lg.png 1024w, https://typogram.co/font-discovery/media/posts/85/responsive/cover-xl.png 1360w, https://typogram.co/font-discovery/media/posts/85/responsive/cover-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/85/responsive/cover-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="924" width="1432" alt=""></figure><p align="center"><em>Welcome to <a href="https://typogram.co/">Typogram’s</a> FontDiscovery newsletter, written by your resident font and design nerd, <a href="https://twitter.com/HuaTweets">Hua</a>. Want to learn more about font and design? Subscribe FontDiscovery to get weekly doses of learning and inspiration♪</em></p><div class="iframe-container"><iframe width="auto" height="100 px" src="https://fontdiscovery.typogram.co/embed" frameborder="0" scrolling="no"></iframe></div><hr><div class="post__entry"><div><h4>In This Issue…</h4><h1>How to Use Jost for Logo and Branding</h1><p> </p></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg"><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg 1456w" alt="Sample of Jost" width="825" height="685" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/90b0c2a3-2e82-458b-93ff-b370b72b1150_1075x694.jpeg","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":594,"bytes":168673,"alt":"","title":null,"type":"image/jpeg","href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">Sample of Jost</figcaption></figure></div><div><hr></div><h2>From Futura to Jost</h2><p>We can’t talk about Jost without mentioning Futura. Futura is a Bauhaus-inspired geometric sans serif. <a href="https://en.wikipedia.org/wiki/Bauhaus" target="_blank" rel="noopener noreferrer">Bauhaus</a> is an influential art and design movement that embraced simplicity, bold lines, and geometric shapes. Futura exhibits these qualities through its letterforms. The circular letters, like "O", and triangular letters like "A" are nearly perfect. The strokes making up the letters have very little contrast, much like bold, solid lines of Bauhaus.</p><p>Jost is inspired by Futura but designed with the digital era in mind. It retained the geometric qualities and added additional design elements, such as the contrast in thick and thin strokes, for more favorable usability on digital screens.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png"><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png 1456w" alt="left– The commemorative plaque for the 1969 moon landing is typeset in Futura. source: NASA. right–movie poster for 2001: a space odyssey typeset in Futura" width="1075" height="694" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/86fca7e5-47d8-4a39-9375-1e8dc766781a_1075x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":null,"bytes":743421,"alt":"","title":null,"type":"image/png","href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">left– The commemorative plaque for the 1969 moon landing is typeset in Futura. source: NASA. right–movie poster for 2001: a space odyssey typeset in Futura</figcaption></figure></div><h2>Font Details</h2><p>Jost is highly geometric, like Futura. If you look at the “O”, it’s almost a perfect circle. In addition, Jost has alternate style characters for the letter "a" to give you more options when creating logos. It is also under active development as a variable font, a cutting-edge font technology where you can store multiple variations of a type family into a single font file.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png"><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/fd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png 1456w" alt="Left – O’s in Jost are nearly perfect circles. right – “a” is available in both single-story and double-story styles." width="799" height="374" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/fd2c3c5d-2d30-4346-8eea-1ed7b367faa9_1349x462.png","fullscreen":null,"imageSize":null,"height":462,"width":1349,"resizeWidth":608,"bytes":null,"alt":"","title":null,"type":null,"href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">Left – O’s in Jost are nearly perfect circles. right – “a” is available in both single-story and double-story styles.</figcaption></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif"><figure class="sizing-normal"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif 1456w" alt="" width="775" height="426" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/41b005b5-f36b-4a95-bee7-7c274bde41c8_570x221.gif","fullscreen":null,"imageSize":null,"height":221,"width":570,"resizeWidth":452,"bytes":248033,"alt":"","title":null,"type":"image/gif","href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">Jost variable font version. You can interpolate weight and italic slant so you can choose the amount of bold and slant in the letters. This is supported on most browsers. source: <a href="https://indestructibletype.com/Jost.html." target="_blank" rel="noopener noreferrer">indestructibletype</a></figcaption></figure></div><h2>How can we use this for logo and branding? </h2><p>There is friendliness and perfection to this font. The nearly perfect geometric shapes like “O” give it extra wholesomeness and joy. It is excellent for a brand that looks to be happy and cheerful. </p><h2>How can we use this for marketing? </h2><p>The Light and Regular weights of Jost are very lovely. It can be fun to use the Light or Extra Light in large sizes for emphasis in your marketing graphics. </p><p>Jost's many weights also make it a good candidate for many different types of projects. It can support a more complex information project, like a landing page. If you are thinking about using Jost for text-heavy projects, be mindful that the more geometric aspect of Jost will jump out of the page occasionally. </p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg"><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg 1456w" alt="An example of combining different weights of Jost" width="825" height="582" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/1ff3f9cd-7ae7-4caa-b7b7-1f7e882d0cd5_716x462.jpeg","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":636,"bytes":177802,"alt":"","title":null,"type":"image/jpeg","href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">An example of combining different weights of Jost</figcaption></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png"><figure class="sizing-normal"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png 1456w" alt="" width="854" height="402" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/79ef4a2f-64bd-431a-8ecb-31be25a02836_1075x430.png","fullscreen":null,"imageSize":null,"height":430,"width":1075,"resizeWidth":632,"bytes":62197,"alt":"","title":null,"type":"image/png","href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">Jost used on menu</figcaption></figure></div><h2>Font Details </h2><ul><li>Alternate lowercase “a”</li><li>Long ascenders and descenders</li><li>Interrobang (maybe you can find an excellent way to use it in your brand?)</li><li>Variable font available</li></ul><div class="captioned-image-container"><figure><figure class="post__image"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/45d4ee43-458f-4081-afb0-aa94d373ef9e_716x462.jpeg" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F45d4ee43-458f-4081-afb0-aa94d373ef9e_716x462.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F45d4ee43-458f-4081-afb0-aa94d373ef9e_716x462.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F45d4ee43-458f-4081-afb0-aa94d373ef9e_716x462.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F45d4ee43-458f-4081-afb0-aa94d373ef9e_716x462.jpeg 1456w" alt="interrorbang is an unconventional punctuation mark that combines question mark and exclamation mark" width="853" height="654" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/45d4ee43-458f-4081-afb0-aa94d373ef9e_716x462.jpeg","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":330,"bytes":28384,"alt":"","title":null,"type":"image/jpeg","href":null}" data-is-external-image="true"></figure><figcaption>Interrorbang is an unconventional punctuation mark that combines question mark and exclamation mark</figcaption></figure><figcaption class="image-caption"></figcaption></figure></div><h2>Logo & Branding</h2><ul><li>This font is cheerful. Its geometric shapes jump out at you.</li><li>It's perfect for a brand that emphasis on shapes, modernity, and happiness.</li></ul><h2>Typography System<br>(marketing, presentation, and website)</h2><ul><li>Have enough weights to support more complex projects</li><li>It can pair with <a href="https://fonts.google.com/specimen/Source+Serif+Pro" target="_blank" rel="noopener noreferrer">Source Serif Pro</a> or <a href="https://typogram.co/font-discovery/how-to-use-piazzolla-font.html">Piazzolla</a> </li></ul><h2>Cautiously Avoid </h2><p>Making line-height too tight. Jost has large ascenders and descenders and will look much better with relaxed line-height.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg"><figure class="post__image"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg 1456w" alt="Ascender and descender of letters" width="784" height="618" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/1849899f-7b8a-4b5c-b7ef-76f3c2c216f9_1075x694.jpeg","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":370,"bytes":119569,"alt":"","title":null,"type":"image/jpeg","href":null}" data-is-external-image="true"></figure></a><figcaption class="image-caption">Ascender and descender of letters</figcaption></figure></div><h4>Creative Prompt</h4><p>Can you create a visual using Jost?</p><h4>Phew, you made it.</h4><p>Jost is available <a href="https://fonts.google.com/specimen/Jost" target="_blank" rel="noopener noreferrer">here.</a></p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 1456w" sizes="100vw"></picture></a><figure class="post__image"><img loading="lazy" title="Infographic- jost" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png 1456w" alt="Infographic- jost" width="1456" height="728" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/00f2a83c-0feb-4c7f-945b-3e4f50cc8351_2024x1012.png","fullscreen":null,"imageSize":null,"height":728,"width":1456,"resizeWidth":null,"bytes":61417,"alt":"Infographic- jost","title":null,"type":"image/png","href":null}" data-is-external-image="true"><figcaption>Tips on how to use Jost</figcaption></figure></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on July 28, 2022</div><div class="post__footer__col"><ul class="post__tag"><li><a href="https://typogram.co/font-discovery/tags/sans-serif/">Sans Serif</a></li></ul><div class="post__share"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-jost-font.html" class="js-share facebook" aria-label="Share with Facebook" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#facebook"/></svg> </a><a href="https://twitter.com/share?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-jost-font.html&via=%40typogramco&text=Reviewing%20Jost%3A%20A%20Geometric%20Sans%20Serif%20Expressing%20Extra%20Joy" class="js-share twitter" aria-label="Share with Twitter" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#twitter"/></svg> </a><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-jost-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F85%2Fcover.png&description=Reviewing%20Jost%3A%20A%20Geometric%20Sans%20Serif%20Expressing%20Extra%20Joy" class="js-share pinterest" aria-label="[MISSING TRANSLATION] Share with Pinterest" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#pinterest"/></svg> </a><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-jost-font.html" class="js-share linkedin" aria-label="Share with LinkedIn" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#linkedin"/></svg> </a><a href="https://api.whatsapp.com/send?text=Reviewing%20Jost%3A%20A%20Geometric%20Sans%20Serif%20Expressing%20Extra%20Joy https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-jost-font.html" class="js-share whatsapp" aria-label="Share with Whats App" rel="nofollow noopener noreferrer"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#whatsapp"/></svg></a></div></div><nav class="post__nav"><div class="post__nav__prev">Previous Post<h5><a href="https://typogram.co/font-discovery/how-to-use-unifrakturmaguntia-font.html" class="inverse" rel="prev">Reviewing UnifrakturMaguntia: Trendy Blackletter Font Speaking Tradition</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-piazzolla-font.html" class="inverse" rel="next">Reviewing Piazzolla: A Serif Font with a Modern Twist, Perfect for Blogs and Publishing</a></h5></div></nav><div class="post__bio"><img src="https://typogram.co/font-discovery/media/website/typogram-profile-hs.png" loading="eager" height="600" width="601" alt="Hua Shu"><div><h3><a href="https://typogram.co/font-discovery/authors/hua-shu/" class="inverse" title="Hua Shu">Hua Shu</a></h3><p>Hua is a co-founder of Typogram. Hua loves to create design resources for beginners! Got questions about design? Email me: ✨ [email protected] 🎨</p></div></div><div class="post__related"><h3 class="u-h5">Related posts</h3><div class="post__related__wrap"><figure><a href="https://typogram.co/font-discovery/how-to-use-nunito-font.html"><img src="https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-xs.png" loading="lazy" alt="Nunito cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-nunito-font.html" class="inverse">How to Use Nunito: A Simple Sans Serif with a Friendly Flare</a></h4><time datetime="2022-05-20T22:52">May 20, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-savate-font.html"><img src="https://typogram.co/font-discovery/media/posts/48/responsive/savate-cover-xs.png" loading="lazy" alt=" Savate cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-savate-font.html" class="inverse">Reviewing Savate: A Brushy & Crafty Sans Serif Perfect for Creating Marketing Graphics</a></h4><time datetime="2022-07-10T20:13">July 10, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-terminal-grotesque-font.html"><img src="https://typogram.co/font-discovery/media/posts/47/responsive/MainShowcase-xs.png" loading="lazy" alt="terminal grotesque cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-terminal-grotesque-font.html" class="inverse">How to Use Terminal Grotesque: An Edgy Sans Serif Perfect for Creative Tech Projects </a></h4><time datetime="2022-06-18T00:25">June 18, 2022</time></figcaption></figure></div></div></footer></article></main><footer class="footer"><div class="footer__copyright">Project by <a href="https://www.typogram.co/">Typogram</a></div><div class="footer__social"><a href="https://twitter.com/typogramco" class="twitter" aria-label="Twitter"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#twitter"/></svg> </a><a href="https://www.instagram.com/typogramco" class="instagram" aria-label="Instagram"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#instagram"/></svg> </a><a href="https://www.linkedin.com/company/typogramco" class="linkedin" aria-label="LinkedIn"><svg class="icon"><use xlink:href="https://typogram.co/font-discovery/assets/svg/svg-map.svg#linkedin"/></svg></a></div></footer></div><script defer="defer" src="https://typogram.co/font-discovery/assets/js/scripts.min.js?v=b1f07db09e44ca999e985e714f8eba4e"></script><script>window.publiiThemeMenuConfig={mobileMenuMode:'sidebar',animationSpeed:300,submenuWidth: 'auto',doubleClickTime:500,mobileMenuExpandableSubmenus:true,relatedContainerForOverlayMenuSelector:'.navbar'};</script><script>/*<![CDATA[*/var images=document.querySelectorAll("img[loading]");for(var i=0;i<images.length;i++){if(images[i].complete){images[i].classList.add("is-loaded")}else{images[i].addEventListener("load",function(){this.classList.add("is-loaded")},false)}};/*]]>*/</script><div id="mc_embed_signup"><form class="validate" action="https://typogram.us21.list-manage.com/subscribe/post?u=524fd774e21060e9ef6f46b01&id=f68e30ed33&f_id=00ea5fe1f0" method="post" novalidate="" target="_self"><div id="mc_embed_signup_scroll"><p align="center"><em>If you enjoyed the posts here, subscribe to get updates from Typogram's blog!</em></p><p align="center"><input id="bd-email" class="bd-email" name="EMAIL" type="email" placeholder="Enter your email"> <input class="bd-submit" type="submit" value="Subscribe"></p><div hidden=""><input name="tags" type="hidden" value="2818175"></div></div><br><br></form></div></body></html>