Emojis showing as outline on Firefox

[rrobertobt]

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

In YouTube’s search bar

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

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

[The_Quantum_Alpha]

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!

[rrobertobt]

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)

[The_Quantum_Alpha]

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

[rrobertobt]

Sure, thanks!

[The_Quantum_Alpha]

You’re welcome!

[rrobertobt]

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

[The_Quantum_Alpha]

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

[rrobertobt]

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

[The_Quantum_Alpha]

You’re very welcome!