Johto Mono v2.509

Font, May 2022

A monospaced pixel-perfect typeface inspired by the font used in some 90's handheld video games, updated for modern computers.

Proper Unicode support sees the glyphs extended to support not only Basic Latin, Latin Supplement, but also with full Hiragana, and Katakana support. As well as some fun ligatures.

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.

Basic Latin
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
[
\
]
^
_
`
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
{
|
}
~


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.

Latin-1 Supplement
 
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬
­
®
¯
°
±
²
³
´
µ
·
¸
¹
º
»
¼
½
¾
¿
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
×
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ

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?

Hiragana

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

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

Katakana

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
unowna
unownb
unownc
unownd
unowne
unownf
unowng
unownh
unowni
unownj
unownk
unownl
unownm
unownn
unowno
unownp
unownq
unownr
unowns
unownt
unownu
unownv
unownw
unownx
unowny
unownz

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:
You caught all the Unown variations, that is a great achievement!
Becomes this:
unownyunownounownu unowncunownaunownuunowngunownhunownt unownaunownlunownl unowntunownhunowne unownuunownnunownounownwunownn unownvunownaunownrunowniunownaunowntunowniunownounownnunowns, unowntunownhunownaunownt unowniunowns unowna unowngunownrunowneunownaunownt unownaunowncunownhunowniunowneunownvunowneunownmunowneunownnunownt!

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

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
 
x0.5
6px
x1
12px
x2
24px
x4
36px
x8
48px

Johto Mono v2.509

Font, May 2022

Get email updates   no spam :)

Connect with us online

Github

© 1998 – 2022 Superpencil OÜ