Emoji – Color Emoji Problem in Ubuntu 17.10

I'm the creator of that font.

Sorry, there is not way to see SVGinOT (SVG-in-OpenType) color fonts in anything other than Gecko-based applications such as Firefox and Thunderbird right now. I made these fonts to solve the "chicken or the egg" problem: there were no color fonts and so no reason to support them. Now there are color fonts... Next steps: Probably a feature request on Launchpad?

I was going to comment buuuut I don't have enough reputation ? (hey look, here's an emoji to check if it is working or not!)

This solution worked for me "partially", it did fix the emojis in Discord and in the Terminal, but in Firefox it was still a mix of "some of them works, some of them doesn't", I also found this but that didn't fix the issue in Firefox... ?

So here's what I did to fix:

1. Install fonts-noto-color-emoji (sudo apt-get install fonts-noto-color-emoji)
   • This will make emojis work in the terminal & Mousepad & probably other apps too!

That's it, if you REALLY need emojis working on Firefox (emojis are wonky in Ubuntu too, you ain't losing anything by using Xubuntu), you can do this

2. Go to ~/.config/fontconfig/conf.d/99-emoji.conf (you will probably need to create the folders!) and add this:

   <?xml version="1.0" encoding="UTF-8"?>
   <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
   <fontconfig>
     <match>
       <test name="family"><string>sans-serif</string></test>
       <edit name="family" mode="append" binding="strong">
         <string>Bitstream Vera Serif</string>
         <string>Noto Color Emoji</string>
       </edit>
     </match>
   
     <!-- Add emoji generic family -->
     <alias binding="strong">
       <family>emoji</family>
       <default><family>Noto Color Emoji</family></default>
     </alias>
   
     <!-- Aliases for the other emoji fonts -->
     <alias binding="strong">
       <family>Apple Color Emoji</family>
       <prefer><family>Noto Color Emoji</family></prefer>
     </alias>
     <alias binding="strong">
       <family>Segoe UI Emoji</family>
       <prefer><family>Noto Color Emoji</family></prefer>
     </alias>
     <alias binding="strong">
       <family>Emoji One</family>
       <prefer><family>Noto Color Emoji</family></prefer>
     </alias>
   </fontconfig>
   

3. fc-cache -fv

Now restart the apps and... that's it! Emojis will work in Chrome and Firefox! Have fun! ?

(If Firefox emojis are still borked, you can try changing the default Firefox font to Noto Color Emoji)

Keep in mind: Numbers in Firefox will have serifs

Keep in mind²: Apps installed via the Ubuntu store (or snap) won't have emojis working! I'm not sure why this happens... if someone knows how to fix this, let me know!

Firefox @ getemoji.com: ff in getemoji

Chromium @ getemoji.com: chromium in getemoji

Firefox @ Google Search: ff in google search

Discord Canary (Electron): discord canary with emojis

Terminal (Xfce): emojis in xfce terminal

???