![noto sans mono noto sans mono](https://d144mzi0q5mijx.cloudfront.net/img/N/O/Noto-Sans-Mono-ExtraCondensed-ExtraBold_example_2.jpg)
Img: darker grotesque is an example of the funky grotesque sans serif Grotesque sans serif is the first generation of sans serifs, with a lot of weird (wonky) visual traits. Grotesque sans serif got its name from the Italian word grottesco, meaning “belonging to the cave” because this sans serif had an overly simplistic appearance. Rock #8F8F83 | Rock Highlight #D3E2D9 | Rock Interior #DCB783 | Sand #E5D0A9 Hope you enjoy the week with this amazing gift from nature with these calming, earthy colors. Last week, UN’s Biodiversity conference took place in Kunming, China.
![noto sans mono noto sans mono](https://blogfonts.com/fonts/n/391/154391/img/noto-mono-s0.png)
It also has a chapter on variable fonts.Ī 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.Ĭolor Inspiration of the Week Rock Forest in Kunming, China 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). This one does a great job of giving an overview of what makes great web typography for your projects, like scale. These three articles do a great job explaining web typography fundamentals, as well as the granular details. I thought this might be a good chance to share some resources. Last week I received an email from a reader asking about web typography. source: FontInUseĭesign Idea of the Week Web Typography Resources The body text of posts is set in Noto Sans. The homepage uses IBM Plex Sans for the link titles and most of the interface. It can also pair with Noto serif to stay neutral. If you want to be bolder, You can pair it with a decorative or flashy serif, like Playfair Display, or Bluu Next. Noto support over 800 languages and you can find the Noto font of the language you need. Avoid using Thin, Extra Light, or Light for logos, as they may be illegible in small sizes. Noto Sans communicates openness and has a neutral tone.
#Noto sans mono how to
Img: all the languages that Noto support source: Monotype How to use it for logo? Img: Noto language support, source: kevin’omalley Img: Noto sans comparing with Helvetica, another commonly used humanist sans serif Humanist Sans serif with calligraphy influence.Be sure to check out all the different languages Font Detail
![noto sans mono noto sans mono](https://d144mzi0q5mijx.cloudfront.net/img/N/O/Noto-Sans-Mono-SemiCondensed-Thin_example_3.jpg)
Img: white square or “Tofu” happens when there are missing glyphs. Both are fantastic for pairing and for projects as well. Noto also has serif and monospaced versions. Noto has italic styles, multiple weights, and widths, 3,741 glyphs, and supports 800 languages.įor this newsletter, we will focus on Noto Sans, which is the sans serif, and in my opinion, the most useful for projects. 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. Color Inspiration: Rock forest in Kunming, China.Design Idea of the Week: Web Typography.I thought I also let you know about it if that’s helpful. I have shared two things with indiegrow subscribers: how to write a good comment for social media and three resources for startup founders. It has now been a week since launching and I have been having a lot of fun running it. Hope you had a nice weekend! Last week I told you I started a new project, indiegrow. As part of running Typogram, I create this digestible weekly guide with fonts, colors, and design ideas to help founders, creators, and makers step up their game in marketing and get creative! I'm Hua, a designer and bootstrapping founder building Typogram, a brand design tool.