I made a 2001-era emoji font! That you can use!

You know the scenes in Friends when Ross starts talking about dinosaurs and heโ€™s SUPER excited but everyone else is losing the will to live? This is basically that, only instead of dinosaurs, itโ€™s emoji, and unlike Ross, I have never successfully befriended a monkey.

Last month, my coworker casually told me he still has a 2001 era DoCoMo phone, which is one of the first phones to have emoji (๐Ÿค“๐Ÿค“๐Ÿค“: emoji first appeared in 1999, on DoCoMo phones, and DoCoMo phones alone). So I got ahold of this phone. Which charged, turned on and most importantly, TOTALLY had OG emoji:




I spent the whole day being unproductive and sending emoji messages to people:

SVGs

I then took a 10 hour flight to Europe and, for lack of better things to do while watching every movie that came out this year, I drew every one of those emoji as a sprite. 166 emoji in total, 12x12px each, in one of six colors. This was my first time doing pixels sprites, so I obviously fucked it up: I ended up with a bunch of random sprite sheets, each with a random number of sprites in it, which was a bit of a mess. Thankfully, Amanda Glosson, reigning queen of pixels, wrote me a script to transmogrify my mess into individual svgs. These individual SVGs, to be exact:

LOOK HOW PRETTY THEY ARE! ๐Ÿ’“

A wild font appears

The reason why I made those SVGs was partly because Captain America: Civil War is unbearably boring, but partly because I wanted to make a font and use it everywhere like an emoji hipster.

So then I did. I used Fontastic to make the font โ€“ itโ€™s black and white, because at the time of writing this, colour fonts werenโ€™t supported on the web (tbh, even a year later, when colour fonts are supported, I still couldnโ€™t tell you how to make on). I also mapped the original emoji glyph to one of the current existing emoji code points, based on this list, because letโ€™s be honest, some of them were mysterious. Do you know what ๐Ÿ’ฅ means? Itโ€™s ๐Ÿ’ฅ. And ๐Ÿ’ฆ is ๐Ÿ’ฆ. 12 pixels ainโ€™t a lot of pixels, friends.

Here the 166 emoji as they look today:

โค๐Ÿ’”๐Ÿ’“๐Ÿ’•๐Ÿ˜ƒ๐Ÿ˜–๐Ÿ˜ž๐Ÿ˜ต๐Ÿ˜ ๐ŸŽตโ™จ๐Ÿ’ ๐Ÿ’‹โœจ๐Ÿ’ก๐Ÿ’ข๐Ÿ‘Š๐Ÿ’ฃ๐ŸŽถ๐Ÿ’คโ—โ‰โ€ผ๐Ÿ’ฅ๐Ÿ’ฆ๐Ÿ’ง๐Ÿ’จใ€ฐ๏ธโžฐโคดโคตโ†—โ†˜โ†–โ†™โ˜€๏ธโ˜๏ธโ˜”๏ธโ›„โšก๏ธ๐ŸŒ€๐ŸŒ๐ŸŒ‚โ™ˆ๏ธโ™‰๏ธโ™Š๏ธโ™‹๏ธโ™Œ๏ธโ™๏ธโ™Ž๏ธโ™๏ธโ™๏ธโ™‘๏ธโ™’๏ธโ™“๏ธ๐ŸŽฝโšพ๏ธโ›ณ๐ŸŽพโšฝ๏ธ๐ŸŽฟ๐Ÿ€๐Ÿ๐Ÿ“Ÿ๐Ÿšƒโ“‚๐Ÿš„๐Ÿš—๐Ÿš™๐ŸšŒ๐Ÿšขโœˆ๏ธ๐Ÿ ๐Ÿข๐Ÿฃ๐Ÿฅ๐Ÿฆ๐Ÿง๐Ÿจ๐Ÿชโ›ฝ๐Ÿ…ฟ๐Ÿšฅ๐Ÿšป๐Ÿดโ˜•๐Ÿธ๐Ÿบ๐Ÿ”๐Ÿ‘ โœ‚๏ธ๐ŸŽค๐ŸŽฅ๐ŸŽ ๐ŸŽง๐ŸŽจ๐ŸŽฉ๐ŸŽช๐ŸŽซ๐Ÿšฌ๐Ÿšญ๐Ÿ“ท๐Ÿ‘œ๐Ÿ“–๐ŸŽ€๐ŸŽ๐ŸŽ‚โ˜Ž๏ธŽ๐Ÿ“ฑ๐Ÿ“๐Ÿ“บ๐ŸŽฎ๐Ÿ’ฟโ™ฅโ™ โ™ฆโ™ฃ๐Ÿ‘€๐Ÿ‘‚โœŠโœŒ๏ธโœ‹๐Ÿ‘ฃ๐Ÿ‘Ÿ๐Ÿ‘“๐ŸŒ‘๐ŸŒ”๐ŸŒ“๐ŸŒ™๐ŸŒ•๐Ÿถ๐Ÿฑโ›ต๐ŸŽ„๐Ÿ“ฒ๐Ÿ“ฉ๐Ÿ“ โœ‰๏ธŽ๐Ÿ’ด๐Ÿ†“๐Ÿ†”โ†ฉ๐Ÿ†‘๐Ÿ”๐Ÿ†•๐Ÿšฉโžฟ#๏ธโƒฃ0๏ธโƒฃ1๏ธโƒฃ2๏ธโƒฃ3๏ธโƒฃ4๏ธโƒฃ5๏ธโƒฃ6๏ธโƒฃ7๏ธโƒฃ8๏ธโƒฃ9๏ธโƒฃ๐Ÿ†—

And hereโ€™s the same list, using the DoCoMo emoji font:

โค๐Ÿ’”๐Ÿ’“๐Ÿ’•๐Ÿ˜ƒ๐Ÿ˜–๐Ÿ˜ž๐Ÿ˜ต๐Ÿ˜ ๐ŸŽตโ™จ๐Ÿ’ ๐Ÿ’‹โœจ๐Ÿ’ก๐Ÿ’ข๐Ÿ‘Š๐Ÿ’ฃ๐ŸŽถ๐Ÿ’คโ—โ‰โ€ผ๐Ÿ’ฅ๐Ÿ’ฆ๐Ÿ’ง๐Ÿ’จใ€ฐ๏ธโžฐโคดโคตโ†—โ†˜โ†–โ†™โ˜€โ˜๏ธŽโ˜”๏ธŽโ›„โšก๏ธŽ๐ŸŒ€๐ŸŒ๐ŸŒ‚โ™ˆ๏ธŽโ™‰๏ธŽโ™Š๏ธŽโ™‹๏ธŽโ™Œ๏ธŽโ™๏ธŽโ™Ž๏ธŽโ™๏ธŽโ™๏ธŽโ™‘๏ธŽโ™’๏ธŽโ™“๏ธŽ๐ŸŽฝโšพ๏ธŽโ›ณ๐ŸŽพโšฝ๏ธŽ๐ŸŽฟ๐Ÿ€๐Ÿ๐Ÿ“Ÿ๐Ÿšƒโ“‚๐Ÿš„๐Ÿš—๐Ÿš™๐ŸšŒ๐Ÿšขโœˆ๏ธ๐Ÿ ๐Ÿข๐Ÿฃ๐Ÿฅ๐Ÿฆ๐Ÿง๐Ÿจ๐Ÿชโ›ฝ๐Ÿ…ฟ๐Ÿšฅ๐Ÿšป๐Ÿดโ˜•๐Ÿธ๐Ÿบ๐Ÿ”๐Ÿ‘ โœ‚๏ธŽ๐ŸŽค๐ŸŽฅ๐ŸŽ ๐ŸŽง๐ŸŽจ๐ŸŽฉ๐ŸŽช๐ŸŽซ๐Ÿšฌ๐Ÿšญ๐Ÿ“ท๐Ÿ‘œ๐Ÿ“–๐ŸŽ€๐ŸŽ๐ŸŽ‚โ˜Ž๏ธŽ๐Ÿ“ฑ๐Ÿ“๐Ÿ“บ๐ŸŽฎ๐Ÿ’ฟโ™ฅโ™ โ™ฆโ™ฃ๐Ÿ‘€๐Ÿ‘‚โœŠโœŒ๏ธŽโœ‹๐Ÿ‘ฃ๐Ÿ‘Ÿ๐Ÿ‘“๐ŸŒ‘๐ŸŒ”๐ŸŒ“๐ŸŒ™๐ŸŒ•๐Ÿถ๐Ÿฑโ›ต๐ŸŽ„๐Ÿ“ฒ๐Ÿ“ฉ๐Ÿ“ โœ‰๏ธŽ๐Ÿ’ด๐Ÿ†“๐Ÿ†”โ†ฉ๐Ÿ†‘๐Ÿ”๐Ÿ†•๐Ÿšฉโžฟ#0123456789๐Ÿ†—

Thereโ€™s some OG emoji that donโ€™t even exist today!:

abcde

Boom! ๐Ÿ’ฃ

If you want to use it, you can download the font here, and use it as a font-face:

@font-face {
  font-family: og-emoji;
  src: url(/fonts/og-dcm-emoji.ttf);
}
.og {
  font-family: og-emoji, sans-serif;
}
<span class='og'>๐Ÿ’ฅ</span>

If youโ€™re going to use it, maybe give me some credit, because I spent an unhealthy amount of time on it. Also, if youโ€™re DoCoMo, please donโ€™t sue me. Emojineering comes only from the โค.

โœŒ๏ธŽ โœจ ๐Ÿฑ ๐Ÿ’‹ ๐Ÿ†—

« Emoji: how do you get from U+1F355 to ๐Ÿ•? Web fonts, boy, I don't know »