-
Notifications
You must be signed in to change notification settings - Fork 0
/
how-to-use-noto-sans-font.html
1 lines (1 loc) · 51 KB
/
how-to-use-noto-sans-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 Noto Sans: a Fantastic Sans Serif Font for Multilingual Support - FontDiscovery</title><meta name="description" content="Noto is a free sans serif font perfect for complex information and content heavy project. See examples and color inspirations on using it for your blog and apps"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://typogram.co/font-discovery/how-to-use-noto-sans-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 Noto Sans: a Fantastic Sans Serif Font for Multilingual Support"><meta property="og:image" content="https://typogram.co/font-discovery/media/posts/58/cover.png"><meta property="og:image:width" content="1075"><meta property="og:image:height" content="694"><meta property="og:site_name" content="FontDiscovery"><meta property="og:description" content="Noto is a free sans serif font perfect for complex information and content heavy project. See examples and color inspirations on using it for your blog and apps"><meta property="og:url" content="https://typogram.co/font-discovery/how-to-use-noto-sans-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 Noto Sans: a Fantastic Sans Serif Font for Multilingual Support"><meta name="twitter:description" content="Noto is a free sans serif font perfect for complex information and content heavy project. See examples and color inspirations on using it for your blog and apps"><meta name="twitter:image" content="https://typogram.co/font-discovery/media/posts/58/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-noto-sans-font.html"},"headline":"How to Use Noto Sans: a Fantastic Sans Serif Font for Multilingual Support","datePublished":"2022-05-20T01:46","dateModified":"2023-07-07T14:28","image":{"@type":"ImageObject","url":"https://typogram.co/font-discovery/media/posts/58/cover.png","height":694,"width":1075},"description":"Noto is a free sans serif font perfect for complex information and content heavy project. See examples and color inspirations on using it for your blog and apps","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-20T01:46">May 20, 2022</time></p><h1 class="post__title">How to Use Noto Sans: a Fantastic Sans Serif Font for Multilingual Support</h1></header><figure class="post__featured-image post__image--wide"><img src="https://typogram.co/font-discovery/media/posts/58/cover.png" srcset="https://typogram.co/font-discovery/media/posts/58/responsive/cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/58/responsive/cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/58/responsive/cover-md.png 768w, https://typogram.co/font-discovery/media/posts/58/responsive/cover-lg.png 1024w, https://typogram.co/font-discovery/media/posts/58/responsive/cover-xl.png 1360w, https://typogram.co/font-discovery/media/posts/58/responsive/cover-2xl.png 1600w, https://typogram.co/font-discovery/media/posts/58/responsive/cover-sm2.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" loading="eager" height="694" width="1075" alt="Noto Sans 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> </h1><h1>How to Use Noto Sans for Logo and Branding</h1><p> </p><ul><li>Font of the Week: <a href="https://fonts.google.com/noto" target="_blank" rel="noopener noreferrer">Noto Sans</a></li><li>Design Idea of the Week: Web Typography</li><li>Color Inspiration: Rock forest in Kunming, China</li></ul><figure class="post__image"><img loading="lazy" src="https://typogram.co/font-discovery/media/posts/58/font-cover.png" alt="Sample of Noto" width="716" height="462" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://typogram.co/font-discovery/media/posts/58/responsive/font-cover-xs.png 300w, https://typogram.co/font-discovery/media/posts/58/responsive/font-cover-sm.png 480w, https://typogram.co/font-discovery/media/posts/58/responsive/font-cover-md.png 768w, https://typogram.co/font-discovery/media/posts/58/responsive/font-cover-lg.png 1024w"><figcaption>Sample of Noto</figcaption></figure><div><hr></div><h4>Font of the Week</h4><h2>The Accessible Noto </h2><p>Noto is one of my favorite open-sourced font family of all time due to its extensive language support. Noto is a joint project by Google, Adobe, and Monotype to eliminate “Tofu,” which is the box that shows up when there is a missing character. Noto has italic styles, multiple weights, and widths, 3,741 glyphs, and supports 800 languages.</p><p>For this newsletter, we will focus on Noto Sans, which is the sans serif, and in my opinion, the most useful for projects. Noto also has serif and monospaced versions. Both are fantastic for pairing and for projects as well. </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%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.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%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 1456w" sizes="100vw"></picture></a><figure class="sizing-normal align-center"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/829e5459-b988-4110-836f-e0a8079a0662_1075x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F829e5459-b988-4110-836f-e0a8079a0662_1075x694.png 1456w" alt="White square or “Tofu” happens when there are missing glyphs. source: quora" width="427" height="275.66325581395347" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/829e5459-b988-4110-836f-e0a8079a0662_1075x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":427,"bytes":19871,"alt":null,"title":null,"type":"image/png","href":null}" data-is-external-image="true"></figure><figcaption>White square or “Tofu” happens when there are missing glyphs. source: quora</figcaption></figure></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.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%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.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/5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png 1456w" alt="Some styles of Noto family. Be sure to check out all the different languages" width="1349" height="462" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/5c1c40da-22c3-40bd-a754-bfbf75631971_1349x462.png","fullscreen":null,"imageSize":null,"height":462,"width":1349,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Some styles of Noto family. Be sure to check out all the different languages</figcaption></figure></figure></div><h2>Font Detail</h2><ul><li>Humanist Sans serif with calligraphy influence</li><li>Support for numerous languages </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%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.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%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 1456w" sizes="100vw"></picture></a><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/f2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png 1456w" alt="Noto sans comparing with Helvetica, another commonly used humanist sans serif" width="1075" height="694" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/f2dd0337-1921-4430-b329-fdaf6f010b1a_1075x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"><figcaption>Noto sans comparing with Helvetica, another commonly used humanist sans serif</figcaption></figure></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.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%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.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/9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png 1456w" alt="Noto language support, source: kevin’omalley" width="1075" height="694" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/9096f760-5bce-4a07-8059-8fc57c7e0197_1075x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Noto language support, source: kevin’omalley</figcaption></figure></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png"></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/19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png 1456w" alt="All the languages that Noto support; source: Monotype" width="1075" height="694" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/19853f53-3549-42b8-8ebf-cbbb97a5706e_1075x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>All the languages that Noto support; source: Monotype</figcaption></figure></figure></div><p>Noto Sans communicates openness and has a neutral tone. The bolder versions are great for logos. Avoid using Thin, Extra Light, or Light for logos, as they may be illegible in small sizes.</p><h2>How to use it for marketing? </h2><p>Noto support over 800 languages and you can find the Noto font of the language you need. Noto Sans has a neutral tone. If you want to be bolder, You can pair it with a decorative or flashy serif, like <a href="https://typogram.co/font-discovery/how-to-use-playfair-display-font.html" target="_blank" rel="noopener noreferrer">Playfair Display</a>, or <a href="https://typogram.co/font-discovery/how-to-use-bluu-next-font.html">Bluu Next</a>. It can also pair with Noto serif to stay neutral.</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%2F6e2bad45-619b-4da1-9565-4129045300cb_716x462.png"><figure class="sizing-normal"><source type="image/webp" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_716x462.png 1456w" sizes="100vw"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_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%2F6e2bad45-619b-4da1-9565-4129045300cb_716x462.png 1456w" alt="" width="716" height="462" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/6e2bad45-619b-4da1-9565-4129045300cb_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure></a></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_716x462.png"><picture></picture></a><figure class="post__image"><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%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_716x462.png"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/cd18c97c-9f98-486b-b454-e2d4bcf39aee_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%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_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%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_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%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_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%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_716x462.png 1456w" alt="Reddit is a forum/ discussion site. The homepage uses IBM Plex Sans for the link titles and most of the interface. The body text of posts is set in Noto Sans. source: FontInUse" width="716" height="462" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/cd18c97c-9f98-486b-b454-e2d4bcf39aee_716x462.png","fullscreen":null,"imageSize":null,"height":462,"width":716,"resizeWidth":null,"bytes":131579,"alt":null,"title":null,"type":"image/png","href":null}" data-is-external-image="true"></a><figcaption>Reddit is a forum/ discussion site. The homepage uses IBM Plex Sans for the link titles and most of the interface. The body text of posts is set in Noto Sans. source: FontInUse</figcaption></figure><picture></picture><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%2Fcd18c97c-9f98-486b-b454-e2d4bcf39aee_716x462.png"><picture></picture></a></figure></div><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow noopener" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.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%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.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/13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png 1456w" alt="img: Noto sans pairing with Bluu Next" width="1075" height="694" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/13949137-ed38-4a70-a24e-5fa795335fd3_1075x694.png","fullscreen":null,"imageSize":null,"height":694,"width":1075,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Noto sans pairing with Bluu Next</figcaption></figure></figure></div><div><hr></div><h4>Design Idea of the Week </h4><h2>Web Typography Resources</h2><p>Last week I received an email from a reader asking about web typography. I thought this might be a good chance to share some resources. These three articles do a great job explaining web typography fundamentals, as well as the granular details.</p><p><a href="https://www.smashingmagazine.com/2016/03/meaningful-web-typography/" target="_blank" rel="noopener noreferrer">Meaningful Web</a><a href="https://www.smashingmagazine.com/2016/03/meaningful-web-typography/" target="_blank" rel="noopener noreferrer"> Typography</a><a href="https://www.smashingmagazine.com/2016/03/meaningful-web-typography/" target="_blank" rel="noopener noreferrer"></a></p><blockquote><p>This one does a great job of giving an overview of what makes great web typography for your projects, like scale.</p></blockquote><p><a href="https://prowebtype.com/" target="_blank" rel="noopener noreferrer">Prowebtype</a></p><blockquote><p>If you have time and want a more in-depth read, Prowebtype is a great resource that gets into the thorny technical details (with CSS snippets). It also has a chapter on variable fonts.</p></blockquote><p><a href="https://www.typewolf.com/cheatsheet#useful-typographic-characters" target="_blank" rel="noopener noreferrer">Typewolf’s Typography Cheatsheet</a></p><blockquote><p>A handy little list that shows you shortcuts for special characters like curly quotes, accents, and other nice details, because what makes a project great is all those special little things.</p></blockquote><div><hr></div><h4>Color Inspiration of the Week </h4><h2>Rock Forest in Kunming, China</h2><p>Last week, UN’s Biodiversity conference took place in Kunming, China. Hope you enjoy the week with this amazing gift from nature with these calming, earthy colors.</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%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg"><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%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 1456w" sizes="100vw"></picture></a><figure class="sizing-normal"><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%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg" sizes="100vw" srcset="https://substackcdn.com/image/fetch/w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 424w, https://substackcdn.com/image/fetch/w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 848w, https://substackcdn.com/image/fetch/w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 1272w, https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg 1456w" alt="Kunming, China. source: allthatsinteresting" width="1074" height="694" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/6506d4a6-5793-46ca-9e82-8f48b8a8bd86_1074x694.jpeg","fullscreen":null,"imageSize":null,"height":694,"width":1074,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure></a><figcaption>Kunming, China. source: allthatsinteresting</figcaption></figure></figure></div><div><hr></div><h4>Typography Jargon Buster </h4><h2>Grotesque</h2><p><em>seen around 1815</em></p><p>Grotesque sans serif got its name from the Italian word <em>grottesco</em>, meaning “belonging to the cave” because this sans serif had an overly simplistic appearance. Grotesque sans serif is the first generation of sans serifs, with a lot of weird (wonky) visual traits.</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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.png 1456w" sizes="100vw"></picture></a><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.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%2F2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.png 1456w" alt="darker grotesque is an example of the funky grotesque sans serif" width="1456" height="728" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/2f60ad49-4e94-4318-b56a-770eb3e20fed_1600x800.png","fullscreen":null,"imageSize":null,"height":728,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"><figcaption>Darker grotesque is an example of the funky grotesque sans serif</figcaption></figure></figure></div><div><hr></div><h4>Thank you! </h4><p>Thanks for being hanging out here this week. <a href="https://fonts.google.com/noto">Noto Sans</a> is available here. </p><div class="captioned-image-container"><figure><figure class="sizing-normal"><figure class="post__image"><img loading="lazy" src="https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/d82e703a-58e9-43d4-beac-a6d1a09a62e4_1519x760.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%2Fd82e703a-58e9-43d4-beac-a6d1a09a62e4_1519x760.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%2Fd82e703a-58e9-43d4-beac-a6d1a09a62e4_1519x760.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%2Fd82e703a-58e9-43d4-beac-a6d1a09a62e4_1519x760.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%2Fd82e703a-58e9-43d4-beac-a6d1a09a62e4_1519x760.png 1456w" alt="img: Noto sans infographic" width="1456" height="728" data-attrs="{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/d82e703a-58e9-43d4-beac-a6d1a09a62e4_1519x760.png","fullscreen":null,"imageSize":null,"height":728,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}" data-is-external-image="true"></figure><figcaption>Tips about Noto Sans</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-noto-sans-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-noto-sans-font.html&via=%40typogramco&text=How%20to%20Use%20Noto%20Sans%3A%20a%20Fantastic%20Sans%20Serif%20Font%20for%20Multilingual%20Support" 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-noto-sans-font.html&media=https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fmedia%2Fposts%2F58%2Fcover.png&description=How%20to%20Use%20Noto%20Sans%3A%20a%20Fantastic%20Sans%20Serif%20Font%20for%20Multilingual%20Support" 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-noto-sans-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%20Noto%20Sans%3A%20a%20Fantastic%20Sans%20Serif%20Font%20for%20Multilingual%20Support https%3A%2F%2Ftypogram.co%2Ffont-discovery%2Fhow-to-use-noto-sans-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-playfair-display-font.html" class="inverse" rel="prev">Reviewing Playfair Display: an Elegant Serif Font Perfect for Fashion & Editorial</a></h5></div><div class="post__nav__next">Next Post<h5><a href="https://typogram.co/font-discovery/how-to-use-bluu-next-font.html" class="inverse" rel="next">Reviewing Bluu Next: An Edgy Serif for Your Creative Needs </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-savate-font.html"><img src="https://typogram.co/font-discovery/media/posts/48/responsive/savate-cover-xs.png" loading="lazy" alt=" Savate cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-savate-font.html" class="inverse">Reviewing Savate: A Brushy & Crafty Sans Serif Perfect for Creating Marketing Graphics</a></h4><time datetime="2022-07-10T20:13">July 10, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-terminal-grotesque-font.html"><img src="https://typogram.co/font-discovery/media/posts/47/responsive/MainShowcase-xs.png" loading="lazy" alt="terminal grotesque cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-terminal-grotesque-font.html" class="inverse">How to Use Terminal Grotesque: An Edgy Sans Serif Perfect for Creative Tech Projects </a></h4><time datetime="2022-06-18T00:25">June 18, 2022</time></figcaption></figure><figure><a href="https://typogram.co/font-discovery/how-to-use-dosis-font.html"><img src="https://typogram.co/font-discovery/media/posts/42/responsive/MainShowcase-1-xs.jpg" loading="lazy" alt="Dosis cover"></a><figcaption><h4><a href="https://typogram.co/font-discovery/how-to-use-dosis-font.html" class="inverse">How to Use Dosis: A Warm and Elegant Sans Serif Perfect for Writing Projects</a></h4><time datetime="2022-06-15T01:30">June 15, 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>