Adding color emojis to Chrome on Fedora

If you use Google Chrome browser on ? Fedora Linux 28, you have probably noticed that emojis just do not look right there. Symbola font, which is used by default to render them, displays black-and-white emojis. Moreover, a lot of emojis are not even included in this font.

I have noticed this while reading Revolut blog since they make an extensive use of emojis in almost every blog post. You can see a big difference when you look at their page using Chrome and Firefox since emojis are somehow displayed quite well by Firefox. ?

When it comes to Chrome, you have basically two ways how to display color emojis. You can either install EmojiOne or Google Noto Color Emoji. Although I first tried to use the former, I was not able to make it work so I decided to stick with the latter.

You first need to install a package with this font by running the following command:

sudo dnf install google-noto-emoji-color-fonts

Then you need to create file ? ~/.config/fontconfig/fonts.conf with the following content:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE fontconfig SYSTEM "fonts.dtd"> 
<fontconfig> 
  <alias> 
    <family>serif</family> 
    <prefer> 
      <family>Noto Color Emoji</family> 
    </prefer> 
  </alias> 
  <alias>
    <family>sans-serif</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
  <alias>
    <family>monospace</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
</fontconfig>

Finally, you need to apply the new configuration by running:

fc-cache -f

Now, you just need to restart Chrome and if you see color emojis in this blog post, you have successfully installed them on your machine. ?