Monaspace Neon

monospace
Try in Playground

Use-case scenarios

Large Display

The quick brown fox jumps over the lazy dog

Typography Scale

Heading 1 (48px)

The quick brown fox jumps over the lazy dog

Heading 2 (36px)

The quick brown fox jumps over the lazy dog

Heading 3 (24px)

The quick brown fox jumps over the lazy dog

Body Text (16px)

The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.

Small Text (14px)

The quick brown fox jumps over the lazy dog

Install Monaspace Neon

/* Self-host: use the download link above for the full files. */
@font-face {
  font-family: "Monaspace Neon";
  src: url("/fonts/monaspace-neon-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}

Character Set

Uppercase

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lowercase

abcdefghijklmnopqrstuvwxyz

Numbers & Symbols

0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?

Works well with

Fonts that pair well with Monaspace Neon.

Similar & alternatives

Fonts with a similar feel to Monaspace Neon.

Font family

Monaspace Neon

Description

GitHub's superfamily - Neo-grotesque variant

Source

open-sourceOpen Font License

Variable axes

The quick brown fox jumps over the lazy dog

font-variation-settings: 'wght' 600;

Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.

Use cases

Code EditorsTech StartupsDocumentation

Stats

Popularity 92/100

Used by GitHub

Performance: good

npm · @fontsource/monaspace-neon

Characteristics

Contrast
none
Aperture
open
x-Height
tall
Width
normal
innovativetechnicalmodern

Paid alternatives

Monaspace Neon is an open-source alternative to:

  • Operator Mono
  • SF Mono