Emojis showing as outline on Firefox

Hi,
I’m trying to configure emojis on my system and I’m almost complete , but I’m struggling with Firefox, all the emojis inside web pages appear as an outline font, here are some screenshots:

In G Classroom
Screenshot_20201021_185418

In YouTube’s search bar
Screenshot_20201021_183217

But it only happens inside web pages, elements of the Firefox interface display fonts fine, here is an example in the adress bar:
Screenshot_20201021_183412

I’ve tried some things, but didn’t work.
My current setup of emoji fonts are just the AUR ttf-twemoji package, I removed the noto-fonts-emoji package, and created a symlink for Twemoji

Howdy!

Please open a terminal and enter sudo pacman -S noto-fonts-emoji

Then create a local with nano:

sudo nano /etc/fonts/local.conf

And add the following :

<?xml version='1.0'?>
<!DOCTYPE fontconfig SYSTEM 'fonts.dtd'>
<fontconfig>
 <alias>
  <family>sans-serif</family>
  <prefer>
   <family>Noto Sans</family>
   <family>Noto Color Emoji</family>
   <family>Noto Emoji</family>
   <family>DejaVu Sans</family>
  </prefer>
 </alias>
 <alias>
  <family>serif</family>
  <prefer>
   <family>Noto Serif</family>
   <family>Noto Color Emoji</family>
   <family>Noto Emoji</family>
   <family>DejaVu Serif</family>
  </prefer>
 </alias>
 <alias>
  <family>monospace</family>
  <prefer>
   <family>Noto Mono</family>
   <family>Noto Color Emoji</family>
   <family>Noto Emoji</family>
  </prefer>
 </alias>
 <dir>/usr/local/share/fonts</dir>
</fontconfig>

Then hit ctrl +s to save and ctrl +x to exit.

Enter fc-cache -f -v to regenerate the font cache.

Voilà!

Have a wonderful day!

1 Like

Thanks, I’ll try this and come back to mark this as solution if works for me, but I have a question, can I use this same config but with Twemoji? I think I just need to replace Noto Color Emoji with Twemoji (or whatever is called)

Yes, may replace both Noto Emoji and Noto Color Emoji with whichever one you choose! :sweat_smile:

Sure, thanks!

You’re welcome! :innocent:

1 Like

Well, I have another question, I’m using another font for the interfaces, I’m not using the default Noto Sans, I’m using Inter, do I have to replace that somewhere in the config? And also in monospace? I’m using another monospace font, not the default

Oh, you can replace it with your favorite fonts!!

1 Like

All right, I got everything, thank you so much! :)`

You’re very welcome! :grin:

1 Like

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.