-
Notifications
You must be signed in to change notification settings - Fork 0
/
how-to-use-langar-font.html
1 lines (1 loc) · 24 KB
/
how-to-use-langar-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>How to Use Langar: a Kooky Script Font to Catch Attention</title><meta name="description" content="Langar is a casual script font with modern influences and kooky vibe. See visual examples and color palette on how to use it for your logo designs."><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-langar-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="How to Use Langar: a Kooky Script Font to Catch Attention"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/1/wk70-cover.png"><meta property="og:image:width" content="1075"><meta property="og:image:height" content="693"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Langar is a casual script font with modern influences and kooky vibe. See visual examples and color palette on how to use it for your logo designs."><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-langar-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="How to Use Langar: a Kooky Script Font to Catch Attention"><meta name="twitter:description" content="Langar is a casual script font with modern influences and kooky vibe. See visual examples and color palette on how to use it for your logo designs."><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/1/wk70-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-langar-font.html"},"headline":"How to Use Langar: a Kooky Script Font to Catch Attention","datePublished":"2022-05-16T16:43","dateModified":"2023-07-06T23:18","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/1/wk70-cover.png","height":693,"width":1075},"description":"Langar is a casual script font with modern influences and kooky vibe. See visual examples and color palette on how to use it for your logo designs.","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-16T16:43">May 16, 2022</time></p><h1 class="post__title">How to Use Langar: a Kooky Script Font to Catch Attention</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/1/wk70-cover.png" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-lg.png 1024w, https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-xl.png 1360w, https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/1/responsive/wk70-cover-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="693" width="1075" alt="Langar script cover"></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"><h4>In This Issue…</h4><h1>How to Use Langar for Logo and Branding</h1><p> </p><ul><li><text>Font of the Week: </text>Langar</li><li>Design idea: Variable Icons</li><li>Color Inspiration: Spring Sakura</li></ul><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/1/font-quote.png" alt="Sample of Langar" width="1432" height="924" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/font-quote-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/font-quote-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/font-quote-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/font-quote-lg.png 1024w"><figcaption>Sample of Langar</figcaption></figure><div><hr></div><h4>Font of the Week </h4><h2>About Langar</h2><p>Langar is a script font and carries on a modern, kooky tone. In general, script fonts are deeply personal. They are digitized versions of handwriting and bring a personal touch. In the olden days, people wrote calligraphy with a nibbed pen, so most of the scripts were thin and elongated. Some are elegant. Some are crisp and sharp, and some are vintage and decorative.</p><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/1/Comparison-2.png" alt="Dumbledore’s magical script from the movie, Harry Potter" width="1074" height="693" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-2-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-2-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-2-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-2-lg.png 1024w"><figcaption><text>Dumbledore’s magical script from the movie, </text><em>Harry Potter</em></figcaption></figure><p>However, Langar looks as if it's written with a thick marker (It takes inspiration from Gurmukhi), which is uncommon compared to the more traditional scripts. All of this tells you Langar is a little bit of contemporary hodge-podge. It's kooky and bold (notice how thick Langar's strokes are, compared to Zapfino, a popular elegant script).</p><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/1/weight-demo.png" alt="Langar is single weight" width="1432" height="924" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/weight-demo-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/weight-demo-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/weight-demo-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/weight-demo-lg.png 1024w"><figcaption>Langar is single weight</figcaption></figure><div class="captioned-image-container"><figure><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/1/Comparison-1.png" alt="Zapfino is a very popular script you’ll find on lots of Birthday cards" width="1074" height="693" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-1-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-1-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-1-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/Comparison-1-lg.png 1024w"><figcaption>Zapfino is a very popular script you’ll find on lots of Birthday cards</figcaption></figure></figure></div><h2>Font Detail</h2><ul><li>Casual script with calligraphic and modern influences</li><li>One weight</li></ul><h2>How to Use Langar for logos?</h2><p>Use cautiously. Casual, bold, and kooky means this speaks to an alternative, younger, and bold audience. Is this your target audience?</p><h2>How to Use Langar for marketing and branding?</h2><p>It is ok to use Langar for header-level information. But remember, Langar will always add a tone of bold and kooky. The strokes are also very thick, so best to be used in large sizes. Langer is not something that should be used everywhere on your site. When everything is bold and kooky, it can get overwhelming for a user. Please don't use this font for body or UI text -- it is not suited for small sizes.</p><div><hr></div><h4>Design Idea of the Week </h4><h2>Variable Icons</h2><p><text>Recently, Google completely revamped its </text><a href="https://material.io/blog/introducing-symbols" target="_blank" rel="noopener noreferrer">material icons</a><text> with Variable Font technology. Variable Font is a font technology that allows a font to “generate” infinite weights and styles based on predefined parameters by its designers.</text></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%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.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_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1456w" sizes="100vw"><img loading="lazy" src="https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif 1456w" alt="" width="832" height="750" data-attrs="{"src":"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%2Fd14ef5f8-50bb-49fe-a50c-8c55239f523e_600x495.gif","fullscreen":null,"imageSize":null,"height":495,"width":600,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure></a></figure></div><p><text>Usually, if you select a font, you will often have limited weights, such as “regular” and “bold.” With Variable Font, you can have infinite choices for things like weight, slant, and even styles. This is very useful for icons. When you download a new icon to fit into an existing set, sometimes you need to spend time tweaking it to make sure the new icon blends in. With icons created by variable font technology, this manipulation gets easier. You can also use this technology to animate icons. If you want to learn more about the tech side of Variable Font, check out </text><a href="https://typogram.github.io/Anicons/about.html" target="_blank" rel="noopener noreferrer">this blog post</a><text> from my past project, </text><a href="https://typogram.github.io/Anicons/index.html" target="_blank" rel="noopener noreferrer">Anicons</a><text>.</text></p><div><hr></div><h4>Color Inspiration</h4><h2>Spring Sakura</h2><p>This week, enjoy this color palette from late bloom cherry blossoms.</p><pre><code>Navy #0D1D3E | Steel #D9BFE2 | Cornflower #F5C387 | Granny Smith #A3D19F</code></pre><div class="captioned-image-container"><figure><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/1/color-inspo.png" alt="color inspiration" width="1012" height="506" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/color-inspo-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/color-inspo-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/color-inspo-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/color-inspo-lg.png 1024w"></figure></figure></div><div><hr></div><h4>Thank you</h4><p><text>…for reading and hanging out here this week! </text><strong><text></text><a href="https://fonts.google.com/specimen/Langar" target="_blank" rel="noopener noreferrer">Langar is available here.</a></strong></p><div class="captioned-image-container"><figure><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/1/font-infographic.png" alt="tips about using langar" width="1012" height="506" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/1/responsive/font-infographic-xs.png 300w, https://typogram.co/font-discovery/media/posts/1/responsive/font-infographic-sm.png 480w, https://typogram.co/font-discovery/media/posts/1/responsive/font-infographic-md.png 768w, https://typogram.co/font-discovery/media/posts/1/responsive/font-infographic-lg.png 1024w"><figcaption>tips about Langar</figcaption></figure></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on July 6, 2023</div><div class="post__footer__col"><ul class="post__tag"><li><a href="https://typogram.co/font-discovery/tags/display/">Display</a></li><li><a href="https://typogram.co/font-discovery/tags/script/">Script</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-langar-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-langar-font.html&via=%40typogramco&text=How%20to%20Use%20Langar%3A%20a%20Kooky%20Script%20Font%20to%20Catch%20Attention" 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-langar-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F1%2Fwk70-cover.png&description=How%20to%20Use%20Langar%3A%20a%20Kooky%20Script%20Font%20to%20Catch%20Attention" 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-langar-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=How%20to%20Use%20Langar%3A%20a%20Kooky%20Script%20Font%20to%20Catch%20Attention https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-langar-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/holiday-font-pairing-style-guide-for-your-marketing-design.html" class="inverse" rel="prev">Holiday Font Pairing Style Guide For Your Marketing Design</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-playfair-display-font.html" class="inverse" rel="next">Reviewing Playfair Display: an Elegant Serif Font Perfect for Fashion & Editorial</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-unifrakturmaguntia-font.html"><img src="https://typogram.co/font-discovery/media/posts/33/responsive/cover-xs.png" loading="lazy" alt=""></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-unifrakturmaguntia-font.html" class="inverse">Reviewing UnifrakturMaguntia: Trendy Blackletter Font Speaking Tradition</a></h4><time datetime="2022-05-21T02:03">May 21, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-pacifico-font.html"><img src="https://typogram.co/font-discovery/media/posts/31/responsive/cover-xs.png" loading="lazy" alt="Pacifico cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-pacifico-font.html" class="inverse">How to Use Pacifico: a Casual Script Font Looking Retro and Relaxed </a></h4><time datetime="2022-05-23T01:48">May 23, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-faster-one-font.html"><img src="https://typogram.co/font-discovery/media/posts/28/responsive/cover-xs.png" loading="lazy" alt="faster one cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-faster-one-font.html" class="inverse">Reviewing Faster One: A Visual Font For Creative Marketing</a></h4><time datetime="2022-06-04T18:44">June 4, 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>