Mizutama Emoji font

Mizutama Emoji font built from the Twitter Color Emoji SVGinOT Font. Since B&W emojis are represented by dot patterns, its color space is pseudo-expanded. This makes it possible to use awesome Twemoji even in environments where correspondence to color emojis is difficult.

The font works in all operating systems, but will currently only show color emoji in Firefox, Thunderbird, Photoshop CC 2017, and Windows Edge V38.14393+. This is not a limitation of the font, but of the operating systems and applications. Regular B&W dot pattern emoji are included for backwards/fallback compatibility.

Table of Contents

• Examples
• What is SVGinOT?
• Install on Linux
• Install on OS X
• Install on Windows
• Building
• License

Examples

Demo in Firefox on Linux.

Demo in Chromium on Linux.

Demo in Terminal on Linux.

Demo in Gedit on Linux.

What is SVGinOT?

SVG in Open Type is a standard by Adobe and Mozilla for color OpenType and Open Font Format fonts. It allows font creators to embed complete SVG files within a font enabling full color and even animations. There are more details in the SVGinOT proposal and the OpenType SVG table specifications.

SVGinOT Font demos (Firefox only):

• https://hacks.mozilla.org/2014/10/svg-colors-in-opentype-fonts/
• http://xerographer.github.io/reinebow/
• http://xerographer.github.io/multicoloure/

Install on Linux

The font can be installed for a user or system-wide. Get the latest version from releases: https://github.com/yantene/mizutama-emoji-font/releases

Note: This requires Bitstream Vera is installed and will change your systems default serif, sans-serif and monospace fonts.

Why Bitstream Vera

The default serif, sans-serif and monospace font for most Linux distributions is DejaVu. DejaVu includes a wide range of symbols which override the Twitter Color Emoji characters. The previous solution was to make Twitter Color Emoji the default system font, but that causes a number of issues. A better solution is a different font that doesn't override any emoji characters such as Bitstream Vera. Bitstream Vera is the source of the glyphs used in DejaVu, so it's not very different. 99%+ of people will not notice the difference.

Additional default font options

The Noto and Roboto font families conflict far less than DejaVu. You may want to try them. Primary issues are the 0x2639 and 0x263a characters.

Known issues

• Symbols/emoji in monospace formatted text cause incorrect character alignment. The whitespace character widths from the most recently selected fallback font are used in Pango/GTK applications.
• [Issue #31] Some font families are not matched correctly in Linux Firefox. Workaround: Open about:config set gfx.font_rendering.fontconfig.fontlist.enabled to false. Note: May cause crashes in Firefox <48.

Install on Arch Linux

AUR package: https://aur.archlinux.org/packages/ttf-mizutama-emoji/

yaourt -S ttf-mizutama-emoji

Get mizutama font for other environment

Get it Here

Building

Overview:

1. B&W SVGs are generated on-the-fly from the color SVGs
2. The B&W SVGs are imported based on their filename to create either regular glyphs or ligature glyphs.
3. The color SVGs are imported to override both types of glyphs.

Requires:

• Inkscape
• Imagemagick
• potrace/mkbitmap
• FontTools 3.0+
• FontForge 20160405+
• SVGO
• make
• Ruby
• Bundler
• Cairo
• SCFBuild (Created for this project!)

Setup and build on Ubuntu 14.04 LTS:

sudo add-apt-repository ppa:fontforge/fontforge
sudo apt-get update
sudo apt-get install inkscape potrace npm nodejs nodejs-legacy fontforge \
python-fontforge python-pip python-yaml imagemagick git make
sudo npm install -g svgo
sudo pip install fonttools
sudo gem install bundler
git clone https://github.com/yantene/mizutama-emoji-font.git
cd mizutama-emoji-font
bundle install --path vendor/bundle
git clone https://github.com/eosrei/scfbuild.git SCFBuild
make -j 4

License

The artwork and TTF fonts are licensed CC-BY-4.0. Please see LICENSE.md for details.