Monospaced Fonts For Your Startup, Coding & Design Projects

Noto Sans Mono

Details

  • Humanist sans serif influence (calligraphy)
  • Numeric “0” with crossbars to differentiate from letter “O”
img: font-details of Noto Mono
img: Reddit 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

IBM Plex Mono

Details

  • Curved tails in “l,” “z,” and “Q” for monospace italic
  • Dotted numeric “0” to differentiate from the letter “O”
img: type details of Plex Mono.
img: hackernoon uses are Plex for its site. The UI texts are Plex Mono. the article is Plex Sans. source: hackernoon

Xanh Mono

Details

  • Transitional serifs with ball terminals
  • Only one weight with true italic
img: ball terminal on lowercase
img: true italic lowercase letters of Xanh Mono

Space Mono

Details

  • Geometric, almost retro-looking letters with funky calligraphic influence
  • Dotted numeric “0” to differentiate from “O”
img: font details for space mono.
img: Data display using Space Mono. source: Google Design

--

--

--

working on typogram.co, a next generation design tool for startup founders and absolute beginners!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Brightening up a Financial Brand

Web Animation: Delightful or Distracting?

10 Web Design Trends That Will Define 2019

Design Thinking’s two-edged sword

Beyond controversy: demystifying Design Thinking

Web design of 3D-Level (1998–2005)

How I became an Illustrator by discovering a new dimension

Graphic Design Resources for Small Businesses on No Budget

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Hua

Hua

working on typogram.co, a next generation design tool for startup founders and absolute beginners!

More from Medium

Building better bullets

Purple circles and boxes representing a bulleted text list.

Hierarchy — the all encompassing visual design principle

Thirteen rules for logo design

How Figma works on iPad Pro with M1 chip