Johto Mono
Font, August 2022

Finally, a Pokémon-style pixel font ready for your adventures.

Johto Mono 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
pokemon trainer surrounded by their pokemon on top of a hill looking at the forest
Test.txt
Perfect for desktop applications, web interfaces, and UI elements that need that nostalgic pixel aesthetic.

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
Ideal for creating game menus, save screens, and decision interfaces with authentic retro-RPG feel.

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.
Perfect for dialogue boxes, NPC interactions, andd storytelling in your games and interactive projects.

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.

  • Pidgeot Lv88
  • Poliwrath Lv82
  • Moltres Lv80
  • Mewtwo Lv84
  • Primeape Lv84
  • Lapras Lv84
Great for inventories, character stats, and list displays in games, apps, and nostalgic digital interfaces.

Usage

This is a 'pixel' font inspired by classic Pokémon games, 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 `10px` high, so to properly render it you'll need to use increments of `10px`

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.

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

I extended support to cover the full Unicode blocks for Hiragana and Katakana, which holds a few obscure characters that aren't used anymore, but gotta catch 'em all right?

I also added a couple new Japanese glyphs to support some onomatopoeia. Check it out!

ドキドキドキドキ キャーー ケラケラケラケラ!

MissingNo

If the font doesn't support a certain character, a MissingNo is displayed, just like in the classic Pokémon games. We included this because a tiny MissingNo is sugoi kawaii.

Unown Characters

To type Unown, you must use one of the formats that supports ligatures. These mysterious Pokémon characters from the classic games might attack though, so be ready!

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.

Ligatures

Pokémon abbreviation support

Game text ligatures

Dingbats

Dingbats copy

˗ˏˋnewˎˊ˗
Johto Mono
Font, August 2022
I love this font and the landing page that goes with it. Nostalgic! superpencil.com/en/work/johto-…
FYI shoutout to Johto font, the beautiful and nostalgic game-boy font we use for our logo! Tokyo Tech MeetupのロゴはJohtoフォントを採用させて頂いております! superpencil.com/ja/work/johto-…
He tenido acceso al adelanto de lo que viene próximamente de Johto y luce super bien :D https://t.co/VmYcfykAGe
He tenido acceso al adelanto de lo que viene próximamente de Johto y luce super bien :D https://t.co/VmYcfykAGe
@yongfook I love this! The nostalgia is strong. Makes me tempted to make a simple game (stay focused Marie!!!!)
@PascalPixel @levelsio @EleanorMMcKeown @AlexNapierNomad @linuz90 This is mad, I’ll buy it later today and add it to the new @bento marketing site I’m currently working on!
@jestelle Alway want to make a nice retro font then I look how much work @PascalPixel put into the Johto font and I go back to icons. 😅 superpencil.com/work/johto-font
Johto Mono - Every single Pokédex app or website should use this! superpencil.com/en/work/johto-…
@yongfook Yep, very nostalgic! I love this wide r 😍
@yongfook will pixel-art make a comeback 👀?
なんとか出発前に出来た ユリメイさん1000人おめでとう! #ユリメイ飯店 フォントはこのポケモンフォントを使わせてもらいました。 superpencil.com/work/pokemon-f… https://t.co/n1wHXlnV4W
なんとか出発前に出来た
ユリメイさん1000人おめでとう!
#ユリメイ飯店
フォントはこのポケモンフォントを使わせてもらいました。
https://t.co/aKwoyEnNYn https://t.co/n1wHXlnV4W
ゲームボーイの画像サイズに情報詰め込むことを想像して文字なら何文字入るか考えながらとこに着いた昨夜 なので起きてフォント探したのでした おっはよー superpencil.com/work/pokemon-f… https://t.co/1poQwcwr85
ゲームボーイの画像サイズに情報詰め込むことを想像して文字なら何文字入るか考えながらとこに着いた昨夜

なので起きてフォント探したのでした

おっはよー

https://t.co/x4U6P83pFR https://t.co/1poQwcwr85
pokemon-fontが全力で可愛くてハッピーです 公式サイトも sugoi kawaii だから 拡張子沢山入ってたからたぶん色んなところに使えると思う superpencil.com/work/pokemon-f… https://t.co/mcHt8uKcHE
pokemon-fontが全力で可愛くてハッピーです
公式サイトも sugoi kawaii だから
拡張子沢山入ってたからたぶん色んなところに使えると思う
https://t.co/l3lClcJ01K https://t.co/mcHt8uKcHE

Johto Mono Help & Resources

Download & Formats

Johto Mono font is available in the following formats:

OTF

OpenType Font

WOFF

Web Open Font Format

WOFF2

Web Open Font Format 2

You can convert the downloaded OTF files to TTF format if needed for compatibility with older systems.

Licensing Information

Johto Mono license is exclusively for personal projects.

Personal License

  • Non-commercial personal projects
  • Hobby game development
  • Educational purposes

For commercial purposes and business licenses, please contact:

support@superpencil.com

Installation Instructions

Windows

  1. Extract the downloaded ZIP file
  2. Right-click the OTF file and select 'Install'
  3. Or drag the file to Control Panel > Fonts

macOS

  1. Extract the downloaded ZIP file
  2. Double-click the font file
  3. Click the 'Install' button

Web Usage

  1. Upload WOFF and WOFF2 files to your web server
  2. Define with @font-face in your CSS
  3. Style the font as needed

Font Styles

Like the original Game Boy, Johto Mono is currently only available in a normal weight.

Sample

Regular: Gotta catch 'em all!

A bold version might be available in the near future. Stay tuned for updates!

Compatibility

Johto Mono is designed to work across platforms to achieve that Pokémon-inspired pixel look.

OS

  • Windows
  • macOS
  • Linux
  • iOS
  • Android

Platforms

  • Web Browsers
  • Godot Engine
  • RPG Maker
  • Unity
  • Unreal

Usage Examples

Ideal Usage Scenarios

  • Retro video games
  • Nostalgic websites
  • Game Boy-style interfaces
  • Pixel art projects
  • RPG dialog boxes
  • Pokémon-inspired applications
Best used at 10px or multiples thereof (20px, 30px etc).

Japanese Support Note

No Kanji Support

Johto Mono supports Hiragana and Katakana but does not include Kanji characters. This reflects the original Pokémon games, which couldn't display Kanji due to the small screen size constraints.

Historical Context

On older handheld consoles like the Game Boy, screen resolution limitations made it technically challenging to display complex Kanji characters. As a result, many Japanese retro games traditionally displayed text using only Hiragana and Katakana.

When displaying Japanese text, use only Hiragana and Katakana for an authentic recreation of the original games' look and feel.

Troubleshooting

Blurry Font

Make sure you're using increments of 10px and have disabled anti-aliasing with the CSS properties font-smooth: never; and -webkit-font-smoothing: none;

Misaligned Characters

Use proper line-height settings (typically 1 or 1.25 for pixel fonts).

Missing Characters

Check that you're using the correct font file for your language needs.

About Unown Characters

Unown characters are specially-shaped fictional characters from the Pokémon series. Johto Mono font recreates these mysterious Unown characters for use in your projects.

History of Unown

Unown characters first appeared in Pokémon Gold, Silver, and Crystal versions. Each resembles a letter of the alphabet and is depicted as a mysterious entity related to ancient ruins.

Unown Features

  • 26 different Unown characters (A-Z)
  • Faithful recreation of the original game style
  • Smooth conversion via ligature features
  • Perfect for retro gaming projects

Unown characters can be easily typed using the 'unown' prefix. For example, 'unowna' will display the Unown character for 'a'. Use the converter tool below to transform entire texts at once.

Unown Character Converter

Unown characters are special glyphs from the Pokémon world. Use this tool to convert normal text to Unown characters.

Converted text will appear here
10px

Note: Unown characters are only available for letters A-Z. They will display as actual Unown glyphs when using the Johto Mono font.

Get email updates

no spam :)