Finally, a font that’s ready for your pixel adventures.

Johto Mono 2 is a hand-crafted, pixelated font that captures the excitement of 1990s Tokyo for today’s developers, designers, and video-game makers.

PKMNFileEditHelp
00:00:00
Master.gif
Test.txt

We all love the pixelated games we played as kids. Now, as programmers, video makers, and creators of side projects that make our hearts pound with passion, there is nothing more satisfying than imagining ourselves in the shoes of the people that inspired us. We want to feel like we're right back there in the excitement of 1990s Tokyo, as an artist or engineer.

 POKéDEX
 POKéMON
 PACK
 PKMNGEAR
 PIXEL
▸SAVE
 OPTION
 EXIT

Johto Mono was created because of our disappointment with the pixel fonts we found online. And for people like us, who care deeply about the quality of our work - especially the work we do for ourselves - we realised we needed a high-quality pixel font to give our work the look it deserves.

Hold it there, mister! The toll is ¥1000 to go through.
Thank you, sir!
He-he-he. We're making a bundle. Everyone wants to see what's going on up at LAKE OF RAGE.

With over six hundred characters plus support for dozens of languages, including Japanese, tons of fun hand-crafted ligatures to get the look right, Johto Mono is an authentic nostalgia trip. It has all those missing details you didn't notice, but your brain did.

  • Pigeot Lv88
  • Poliwrath Lv82
  • Moltres Lv80
  • Mewtwo Lv84
  • Primape Lv84
  • Lapras Lv84

Usage

This is a 'pixel' font, but modern font formats are actually vector based, so the font uses vector calculations to create little squares. This brings all the same issues as old-fashioned pixel fonts in terms of rendering it properly.

The font is 12px high, so to properly render it you'll need to use increments of 12px

You'll also need to turn off anti-aliasing for fonts if the browser supports it to avoid blurry fonts.

Displaying the font in flexbox layouts will make it blurry too.

CSS example
@font-face {
  font-family: "Johto Mono";
  src: url("./WebFonts/JohtoMono-Regular.woff2") format("woff2"),
       url("./WebFonts/JohtoMono-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.font-johto-mono {
  font-family: "Johto Mono", monospace;
  font-size: 12px;
  font-smooth: never;
  -webkit-font-smoothing: none;
}
Size demo
(hi-dpi) 6px
pixel-perfect
12px
pixel-perfect
24px
pixel-perfect

Latin

The latin character set has been extended to support the first three Unicode blocks, Basic Latin, Latin-1 Supplement and Latin Extended-A. This covers most West European languages. Some of the original glyphs have been changed for harmony with the added new glyphs.

For all my nerdy trainers out there, these characters are extended as well to support common programming languages. So go ahead and load this up in your favorite editor.

Ich wähle dich, Tauboß!

Japanese

Unown

To type Unown, you must use one of the formats that supports ligatures. These little living glyphs might attack though. So be ready.

Private Use Area
unownaunownbunowncunowndunowneunownfunowngunownhunowniunownjunownkunownlunownmunownnunownounownpunownqunownrunownsunowntunownuunownvunownwunownxunownyunownz

To write in Unown, prepend each basic A-z alphabet character with the word unown. If you write unowna and unownz the a and z Unown will be shown.

This:
YoucaughtalltheUnownvariations,thatisagreatachievement!
Becomes this:
unownyunownounownuunowncunownaunownuunowngunownhunowntunownaunownlunownlunowntunownhunowneunownuunownnunownounownwunownnunownvunownaunownrunowniunownaunowntunowniunownounownnunowns,unowntunownhunownaunowntunowniunownsunownaunowngunownrunowneunownaunowntunownaunowncunownhunowniunowneunownvunowneunownmunowneunownnunownt!

Ligatures

There is a ligature to get the original PKMN glyph, plainly write this string: PKMN in capitals without spaces and it will be replaced with PKMN.

Private Use Area
PKMN

There are also the original games' ligatures for ’d, ’l, ’m, ’r, ’s, ’v and ’t. Sadly, ’n isn't supported, so you can't write cap'n.

Private Use Area
’d’l’m’r’s’v’t

.notdef

If the font doesn't support a certain character, � is displayed, in this font that is a MissingNo, because a tiny MissingNo is sugoi kawaii.

Private Use Area

Dingbats

˗ˏˋnewˎˊ˗
Johto Mono 2
Typeface, May 2022

äßÇ!¡¥3unowne&

Get email updates

no spam :)

© 1998 – 2022 Superpencil OÜ