-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow-to-use-nunito-font.html
1 lines (1 loc) · 31.1 KB
/
how-to-use-nunito-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 Nunito: A Simple Sans Serif with a Friendly Flare - FontDiscovery</title><meta name="description" content="Nunito sans serif has weights to support complex apps and website. It is perfect for tech startup looking to be simple with a friendly flare (round strokecaps)"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-nunito-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 Nunito: A Simple Sans Serif with a Friendly Flare"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/51/Nunito-cover-0.png"><meta property="og:image:width" content="1074"><meta property="og:image:height" content="694"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Nunito sans serif has weights to support complex apps and website. It is perfect for tech startup looking to be simple with a friendly flare (round strokecaps)"><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-nunito-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 Nunito: A Simple Sans Serif with a Friendly Flare"><meta name="twitter:description" content="Nunito sans serif has weights to support complex apps and website. It is perfect for tech startup looking to be simple with a friendly flare (round strokecaps)"><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/51/Nunito-cover-0.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-nunito-font.html"},"headline":"How to Use Nunito: A Simple Sans Serif with a Friendly Flare","datePublished":"2022-05-20T22:52-04:00","dateModified":"2023-07-07T14:31-04:00","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/51/Nunito-cover-0.png","height":694,"width":1074},"description":"Nunito sans serif has weights to support complex apps and website. It is perfect for tech startup looking to be simple with a friendly flare (round strokecaps)","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-20T22:52">May 20, 2022</time></p><h1 class="post__title">How to Use Nunito: A Simple Sans Serif with a Friendly Flare</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/51/Nunito-cover-0.png" srcset="https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-xs.png 300w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-sm.png 480w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-md.png 768w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-lg.png 1024w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-xl.png 1360w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-0-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="694" width="1074" alt="Nunito cover"></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 Nunito for Logo and Branding</h1><ul><li>Theme: Simplicity</li><li>Font of the Week: <a href="https://fonts.google.com/?query=Nunito" target="_blank" rel="noopener noreferrer">Nunito</a></li><li>Design idea: Big Bold Type</li><li>Color Inspiration: Black & White</li></ul><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/51/Nunito-cover.png" alt="Sample of Nunito" width="865" height="681" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-md.png 768w, https://typogram.co/font-discovery/media/posts/51/responsive/Nunito-cover-lg.png 1024w"><figcaption>Sample of Nunito</figcaption></figure><div><hr></div><h4>Font of the Week: Nunito</h4><h2>The Simple Sans Serif </h2><p>We talked a lot about sans serif in this newsletter. Sans serifs are the favorites of digital screens. They are aesthetically pleasing and UX-friendly. </p><p>There are <strong>four basic classifications of sans-serif </strong>typefaces:</p><ul><li>Grotesque: the first generation of sans serifs, with a lot of (wonky) visual character</li><li><em>Neo-Grotesque: </em>rework the design of <em>Grotesque</em> and make shapes and curves of letters less awkward.</li><li><em>Humanist:</em> focus on the calligraphic influence</li><li><em>Geometric:</em> focus on the geometry of letters </li></ul><h2>About Nunito</h2><p>Nunito is a neo-grotesque sans serif. Many sans serifs we use every day, like Helvetica and Arial, are in this category. They are super popular to use because they communicate simplicity and straightforwardness. </p><p> </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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_716x462.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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_716x462.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_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%2F40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_716x462.png 1456w" alt="Helvetica was so popular that it even inspired a feature-length documentary. The posters for the documentary are pictured here. many people buy these type-specimen posters as decoration art." width="846" height="623" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/40a07a69-9b1f-4bc8-bb29-17a2f1a6a59a_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":644,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Helvetica was so popular that it even inspired a feature-length documentary. The posters for the documentary are pictured here. many people buy these type-specimen posters as decoration art. </figcaption></figure></figure></div><h2>Font Details</h2><p>If you want something that looks simple, open, and approachable, Nunito has your back. Nunito Family has two stylistic variations: rounded and normal:</p><ul><li><p><em>Nunito:</em> The “rounded” version has round cap strokes and communicates a heightened sense of warmth. It lacks the crispness of the regular sans serif. </p></li><li><p><em>Nunito Sans: </em>The “normal” version gives you the straightforward, simple tone offered by the Neo-Grotesque types.</p></li></ul><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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_716x462.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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_716x462.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/c06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_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%2Fc06d9716-32ae-4fb5-a2a8-41ca228e8052_716x462.png 1456w" alt="img-Nunito vs Nunito sans; I secretly prefer the rounded version of Nunito more because it feels extra inviting to read." width="789" height="581" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/c06d9716-32ae-4fb5-a2a8-41ca228e8052_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":522,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Nunito vs Nunito sans; I secretly prefer the rounded version of Nunito more because it feels extra inviting to read.</figcaption></figure></figure></div><h2>How to use it for logos? </h2><p>Nunito communicates simplicity, openness. The “rounded” cap adds an extra sense of warmth. Bold, semi-bold are fantastic for logos. The Extra Light and Black weights might not work for logos because the graphics could become illegible under small scales</p><h2>How to use it for marketing?</h2><p>A significant benefit about Nunito is that it has seven weights. Nunito is excellent for more complex projects like app interfaces, where you need more information structures. Wenting used Nunito as the UI and logo typeface for <a href="https://play.typedetail.com/" target="_blank" rel="noopener noreferrer">Font Playground</a> because it is versatile with many different weights, and its rounded stroke caps give warmth to her app. However, don’t use the thinner weights like Light, Extra Light, for body copy, as they will break down.</p><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/51/font-example-2.png" alt="Nunito used for Wonderbox, IOS game; source: wanderbox" width="875" height="636" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/51/responsive/font-example-2-xs.png 300w, https://typogram.co/font-discovery/media/posts/51/responsive/font-example-2-sm.png 480w, https://typogram.co/font-discovery/media/posts/51/responsive/font-example-2-md.png 768w, https://typogram.co/font-discovery/media/posts/51/responsive/font-example-2-lg.png 1024w"><figcaption>Nunito used for Wonderbox, IOS game; source: <a href="https://www.playwonderbox.com/" target="_blank" rel="noopener noreferrer">wanderbox</a></figcaption></figure><div class="captioned-image-container"> </div><div><hr></div><h4>Design Idea of the Week</h4><h2>Big Bold Type</h2><p><strong>Are there any simple hacks that will make anything look good? </strong>Sometimes, you just run out of creative ideas and that’s totally ok. Designing with big, bold types is for those times. If you run out of creative ideas, an interesting experiment you can try is blowing up the copy so that the words become the central part of the graphic. It’s simple, bold, and grabs the attention of your audience right away.</p><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/51/design-inspo-2.png" alt="Graphics with big bold type design; source: graphicdesignjunction, everydayposter" width="896" height="690" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-2-xs.png 300w, https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-2-sm.png 480w, https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-2-md.png 768w, https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-2-lg.png 1024w"><figcaption>Graphics with big bold type design; source: graphicdesignjunction, everydayposter</figcaption></figure><div><hr></div><h4>Jargon Buster</h4><h2>Font Style</h2><p>Normal, italicized, oblique styles of the font.</p><div class="captioned-image-container"><figure><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/51/font-style.png" alt="fontstyle" width="913" height="606" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/51/responsive/font-style-xs.png 300w, https://typogram.co/font-discovery/media/posts/51/responsive/font-style-sm.png 480w, https://typogram.co/font-discovery/media/posts/51/responsive/font-style-md.png 768w, https://typogram.co/font-discovery/media/posts/51/responsive/font-style-lg.png 1024w"></figure></figure></div><div><hr></div><h4>Color Inspirations of the Week </h4><h2>Black & White </h2><p>In fonts, simplicity can mean without decorations, like sans serif. <strong>How does the idea of simplicity translates to other areas, like colors? </strong></p><p>A black and white palette can be the answer. Using an extremely limited palette, like black and white, helps people focus on the core information and visuals. It prevents distraction and communicates a message of simplicity and modernity. Brands like MoMa, Uber, Squarespace all use only black and white exclusively.</p><div class="captioned-image-container"><figure><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/51/design-inspo.png" alt="Squarespace branding; source: squarespace" width="843" height="569" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-xs.png 300w, https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-sm.png 480w, https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-md.png 768w, https://typogram.co/font-discovery/media/posts/51/responsive/design-inspo-lg.png 1024w"><figcaption>Squarespace branding; source: squarespace</figcaption></figure></figure></div><div><hr></div><h4>Creative Prompt</h4><p>Can you create a design with a big bold type design? I would love to see what you create via Twitter or Email.</p><div><hr></div><h4>Thank you!</h4><p>Thanks for being here for another week. Nunito is available <a href="https://fonts.google.com/?query=Nunito" target="_blank" rel="noopener noreferrer">here</a>. It is designed by Vernon Adams.</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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.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%2F511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.png 1456w" alt="Nunito infographic" width="1456" height="729" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/511f765e-cfb8-462f-b9db-aecfc65f69b0_1518x760.png","fullscreen":null,"imageSize":null,"height":729,"width":1456,"resizeWidth":null,"bytes":57361,"alt":null,"title":null,"type":"image/png","href":null}" data-is-external-image="true"></figure><figcaption>Nunito usage tips</figcaption></figure></figure></div></div><footer class="post__footer"><div class="post__last-updated">This article was updated on July 7, 2023</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-nunito-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-nunito-font.html&via=%40typogramco&text=How%20to%20Use%20Nunito%3A%20A%20Simple%20Sans%20Serif%20with%20a%20Friendly%20Flare" 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-nunito-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F51%2FNunito-cover-0.png&description=How%20to%20Use%20Nunito%3A%20A%20Simple%20Sans%20Serif%20with%20a%20Friendly%20Flare" 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-nunito-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%20Nunito%3A%20A%20Simple%20Sans%20Serif%20with%20a%20Friendly%20Flare https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-nunito-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-bluu-next-font.html" class="inverse" rel="prev">Reviewing Bluu Next: An Edgy Serif for Your Creative Needs </a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-six-caps-font.html" class="inverse" rel="next">Reviewing Six Caps: A Condense Font Perfect for Marketing Graphics</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-barlow-font.html"><img src="https://typogram.co/font-discovery/media/posts/64/responsive/barlow-cover-1-xs.png" loading="lazy" alt="barlow cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-barlow-font.html" class="inverse">How to Use Barlow: A Practical Sans Serif with Friendly Quirks</a></h4><time datetime="2022-05-24T17:37">May 24, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-noto-sans-font.html"><img src="https://typogram.co/font-discovery/media/posts/58/responsive/cover-xs.png" loading="lazy" alt="Noto Sans Cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-noto-sans-font.html" class="inverse">How to Use Noto Sans: a Fantastic Sans Serif Font for Multilingual Support</a></h4><time datetime="2022-05-20T01:46">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></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>