-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow-to-use-inter-font.html
1 lines (1 loc) · 41.7 KB
/
how-to-use-inter-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 Inter: A Versatile Font for Web and User Interface - FontDiscovery</title><meta name="description" content="Inter is a fantastic font for web apps, e books and digital projects. It is highly readable and has a neutral tone perfect for any project. See visual examples."><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-inter-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 Inter: A Versatile Font for Web and User Interface "><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/105/font-cover.png"><meta property="og:image:width" content="716"><meta property="og:image:height" content="462"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Inter is a fantastic font for web apps, e books and digital projects. It is highly readable and has a neutral tone perfect for any project. See visual examples."><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-inter-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 Inter: A Versatile Font for Web and User Interface "><meta name="twitter:description" content="Inter is a fantastic font for web apps, e books and digital projects. It is highly readable and has a neutral tone perfect for any project. See visual examples."><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/105/font-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=fbfab6b8cb21619324cd63161fa6352d"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://typogram.co/font-discovery/how-to-use-inter-font.html"},"headline":"Reviewing Inter: A Versatile Font for Web and User Interface ","datePublished":"2023-06-28T01:16-04:00","dateModified":"2024-10-24T01:25-04:00","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/105/font-cover.png","height":462,"width":716},"description":"Inter is a fantastic font for web apps, e books and digital projects. It is highly readable and has a neutral tone perfect for any project. See visual examples.","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="2023-06-28T01:16">June 28, 2023</time></p><h1 class="post__title">Reviewing Inter: A Versatile Font for Web and User Interface </h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/105/font-cover.png" srcset="https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-md.png 768w, https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-lg.png 1024w, https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-xl.png 1360w, https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/105/responsive/font-cover-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="462" width="716" alt="how to use inter font"></figure><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 this post, subscribe to get updates from our 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></form></div><hr><div class="post__entry"><h4>In This Issue…</h4><h1>How to Use Inter for Logo and Branding</h1><p> </p><ul><li>Font of the Week: <a target="_blank" rel="noopener noreferrer nofollow" href="https://fonts.google.com/specimen/Inter">Inter</a></li><li>Color Inspiration: Milwaukee, Wisconsin</li></ul><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.png 1456w" sizes="100vw"></picture><figure class="post__image"><figure class="post__image"><img loading="lazy" 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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.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%2Fada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.png 1456w" alt="sample of Inter font" width="1031" height="713" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/ada56fdb-2547-4a10-ab75-c80fa4f9c168_1074x693.png","fullscreen":null,"imageSize":null,"height":693,"width":1074,"resizeWidth":null,"bytes":28613,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":false,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>Sample of Inter</figcaption></figure></div><figcaption class="image-caption"></figcaption></figure></div><hr><h3>Font of the Week </h3><h2>About Inter</h2><p>This week we share inter, a highly versatile <a href="https://typogram.co/font-discovery/design-typography-glossary.html" target="_blank" rel="nofollow noopener noreferrer">neo-grotesque sans-serif</a> font perfect for digital things like the web and apps. My favorite part about Inter is that it has features optimizing screen-based reading experience. For example, Inter’s lowercase letters have a tall <a href="https://typogram.co/font-discovery/design-typography-glossary.html" target="_blank" rel="nofollow noopener noreferrer">x-height</a> to aid the readability of sentences with mixed-cased texts. This makes Inter perfect for blogs, app interfaces, and even video screens. Information can be read quickly, with ease and clarity.</p><h2>Font Details</h2><ul><li><p>Tall <a href="https://typogram.co/font-discovery/design-typography-glossary.html" target="_blank" rel="nofollow noopener noreferrer">x-height</a> in lowercase letters</p></li><li><p>Slashed zero </p></li><li><p>Tabular numbers for data display </p></li><li><p>Nine weights with italics</p></li></ul><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.png 1456w" sizes="100vw"><img 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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.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%2Ff08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.png 1456w" alt="inter font designs for design" width="992" height="895" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/f08c0ce4-5773-4dd4-bfc2-5ecb43836e36_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":727,"bytes":16707,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div> </div></div></figure></div><div class="captioned-image-container"><figure><div class="image2-inset"><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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.png 1456w" sizes="100vw"><img 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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.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%2F5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.png 1456w" alt="inter tabular figures" width="911" height="643" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/5c020f4a-80d1-4366-8bd2-8f085fca04fd_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":31765,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div> </div></div></figure></div><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.png 1456w" sizes="100vw"><img 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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.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%2Ffba2c683-c101-47df-b3dd-a0128d84be83_843x462.png 1456w" alt="inter font weights" width="1104" height="874" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/fba2c683-c101-47df-b3dd-a0128d84be83_843x462.png","fullscreen":null,"imageSize":null,"height":462,"width":843,"resizeWidth":null,"bytes":33406,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div> </div></div></figure></div><h2>How to use Inter for logos?</h2><p>Inter is a versatile font communicating with a neutral tone. The bolder weights, such as Medium, Semi Bold, and up are perfect for logos for brands looking to be objective and modern.</p><h2>How to use Inter for marketing and branding?</h2><p>Inter is perfect for blogs, newsletters, and user interfaces. Its design features optimize the reading experience, and its many weights can support complex information hierarchy to ensure good user experiences.</p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.png 1456w" sizes="100vw"></picture><figure class="sizing-normal"><figure class="post__image"><img 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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.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%2F0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.png 1456w" alt="Inter being used for branding on a clothing brand website. source: goodgarms" width="1027" height="1237" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/0495d312-4b20-4c7d-8593-6e15a3216d0a_843x1038.png","fullscreen":null,"imageSize":null,"height":1038,"width":843,"resizeWidth":null,"bytes":459714,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><figcaption>Inter being used for branding on a clothing brand website. source: <a target="_blank" rel="noopener noreferrer nofollow" href="http://www.goodgarms.com"><em>goodgarms</em></a></figcaption></figure></div><figcaption class="image-caption"></figcaption></figure></div><hr><div class="tweet" data-component-name="Twitter2ToDOM" data-attrs="{"url":"https://twitter.com/stevekrenzel/status/1589700721121058817","full_text":"With Twitter's change in ownership last week, I'm probably in the clear to talk about the most unethical thing I was asked to build while working at Twitter.\n\n🧵","username":"stevekrenzel","name":"Steve Krenzel","date":"Mon Nov 07 19:26:01 +0000 2022","photos":[],"quoted_tweet":{},"retweet_count":8832,"like_count":34335,"expanded_url":{},"video_url":null,"belowTheFold":true}"><div class="tweet-footer"><div class="tweet-ufi"> </div></div></div><h3>Color Inspiration of the Week</h3><h2>Milwaukee, Wisconsin</h2><p>This week, check out colors from Milwaukee, Wisconsin.</p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.png 1456w" sizes="100vw"><img 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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.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%2F4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.png 1456w" alt="" width="994" height="647" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/4087b99b-452f-4adb-9642-afa9a0d2b7b5_1012x506.png","fullscreen":null,"imageSize":null,"height":506,"width":1012,"resizeWidth":null,"bytes":280671,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div> </div></div></figure></div><hr><h3>Typography Jargon Buster!</h3><h2>Display Font</h2><p><a href="https://typogram.co/font-discovery/design-typography-glossary.html" target="_blank" rel="nofollow noopener noreferrer">Display fonts</a> are often fonts with unrestrained, decorative details. They look more visually stimulating than restrained, simple fonts used for paragraph text. Display fonts are used at header sizes, grabbing people’s attention immediately. Many display fonts have poor readability in small sizes because of their more ornate shapes. Their font details get lost in small sizes, thus decreasing their legibility. </p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.png 1456w" sizes="100vw"><img 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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.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%2Fe9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.png 1456w" alt="" width="1043" height="631" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/e9317673-aca8-40e7-b6a7-e891c96a9408_1024x535.png","fullscreen":null,"imageSize":null,"height":535,"width":1024,"resizeWidth":null,"bytes":83676,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure></div></figure></div><p><em>Want more typography jargon buster? </em><a href="https://typogram.co/font-discovery/design-typography-glossary.html" target="_blank" rel="nofollow noopener noreferrer"><em>Check out this post!</em></a></p><hr><h4>Creative Prompt </h4><p>Create something with <a href="https://fonts.google.com/specimen/Inter" target="_blank" rel="nofollow noopener noreferrer">Inter.</a></p><hr><h4>Thank you</h4><p>…for reading and hanging out here this week! Inter is available <a href="https://fonts.google.com/specimen/Inter" target="_blank" rel="nofollow noopener noreferrer">here.</a></p><div class="captioned-image-container"><figure><div class="image2-inset"><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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.png 1456w" sizes="100vw"><img 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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.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%2F15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.png 1456w" alt="" width="1012" height="506" loading="lazy" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/15df5012-2839-4262-9306-3bd1c33fa17c_1012x506.png","fullscreen":null,"imageSize":null,"height":506,"width":1012,"resizeWidth":null,"bytes":27791,"alt":null,"title":null,"type":"image/png","href":null,"belowTheFold":true,"topImage":false,"internalRedirect":null}" data-is-external-image="true"></figure><div> </div></div></figure></div><p> </p></div><footer class="post__footer"><div class="post__last-updated">This article was updated on October 24, 2024</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-inter-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-inter-font.html&via=%40typogramco&text=Reviewing%20Inter%3A%20A%20Versatile%20Font%20for%20Web%20and%20User%20Interface%C2%A0" 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-inter-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F105%2Ffont-cover.png&description=Reviewing%20Inter%3A%20A%20Versatile%20Font%20for%20Web%20and%20User%20Interface%C2%A0" 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-inter-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%20Inter%3A%20A%20Versatile%20Font%20for%20Web%20and%20User%20Interface%C2%A0 https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-inter-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-rubik-font-style-variations.html" class="inverse" rel="prev">How to Use Rubik Style Variations For Attention Grabbing Designs</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-autour-one-font.html" class="inverse" rel="next">How to Use Autour One: Perfect Hand-drawn Font for Posters</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-averia-font.html"><img src="https://typogram.co/font-discovery/media/posts/54/responsive/cover-0-xs.png" loading="lazy" alt="averia"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-averia-font.html" class="inverse">Reviewing Averia: A Versatile Font Inspired by Computation</a></h4><time datetime="2022-07-19T16:02">July 19, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-orbitron-font.html"><img src="https://typogram.co/font-discovery/media/posts/53/responsive/cover-0-xs.png" loading="lazy" alt=""></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-orbitron-font.html" class="inverse">How to Use Orbitron: A Retro Futuristic Looking Font Perfect for Tech and Sci-fi</a></h4><time datetime="2022-07-18T21:40">July 18, 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></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>