Color Emojis

micmo

I am under Fedora 31.
I tried a lot of stuff to get emojis working under Vivaldi in Linux. For the life of me, I can't get it to work!

I tried:

TwitterEmoji : https://github.com/eosrei/twemoji-color-font#install-on-linux
Installing Noto by hand : https://www.google.com/get/noto/help/install/
Using dnf packages google-noto-*

I have it working under Chrome, but it never works in Fedora. The preview website http://getemoji.com always appears with ugly B&W emojis. It always tries to show "Liberation Sans" font.

Can't get to know why. I tried to tweak my fontconfig, but in vain.

Has anyone succeeded? That tweet seems to indicate it can work... https://twitter.com/ruari/status/1059439025659039744
And this blog post is not very useful https://vivaldi.com/fr/blog/emoji-global-pop-stars/

micmo

Yeah, it's already installed

micmo

Sorry, didn't see your posts, didn't get notifications.

I see that:

But I have the same in Chrome now.

Tried lots of stuff and stayed on this for now. It is the Twitter Color Emoji (https://github.com/eosrei/twemoji-color-font#install-on-linux).

Is there a reason why Chromium would use B&W instead of the color SVG (that must be present in the font?)?

But for some reason I don't get, the B&W version show up instead. Rendered Fonts seem correct to me:

micmo

Ah no I don't wish anything, just tried to find the best solution, jumped from blog to blog... Ok understood other solutions should be better.

So, already installed this font. Will tweak my fontconfig and try to get it to work. Frustrating to have to spend time just get it to work

do you have a specific fontconfig file?

micmo

weird, got the same:

But when I go to getemoji.com, I have on the emojis:

Notice the "DejaVu" as a rendered font?

even though:

modedit fixed wrong domain

micmo

@Gwen-Dragon said in Color Emojis:

Which version of fontconfig package do you have? I have 2.13.1-2.

$ fc-match --version
fontconfig version 2.13.92

micmo

So, I followed instructions here and prioritized Noto Color Emoji (https://github.com/wireapp/wire-desktop/wiki/Colorful-emojis-on-Linux).

It works fine under Chrome:

But Vivaldi seems to ignore the settings, and use DejaVu instead:

micmo

Yeah, thanks for the help.

I don't know why Vivaldi doesn't pick up the fontconfig and Chrome does though.
Firefox works fine also.
Brave works fine also.

Looks like a Vivaldi bug to me.

micmo

So after all this, got back to the point where it looks like this

Submitted a bug report.

micmo

Just realized if I try in a private window or a new profile the emojis work just fine.

So it is an issue with my Vivaldi profile parameters. Looking for what it could be right now.

micmo

Looks quite hard to access the files themselves. Is there any way to get back to default options on fonts in my profile?

micmo

FIXED IT !!

Moving back to the following font parameters made it work.

Doesn't make sense to me but anyway. As they say in Burn after reading "What a clusterf***"

micmo

Thanks!

Actually resetting wouldn't help, it's really a Settings situation.

So now it works, posting here my findings for later visitors. You can use the FontConfig file below I put together. It will put the Google Noto Emoji font for websites referring only other font families.

Of course, make sure you have Noto Color Emoji font installed.

Then, you should be good for any website that actually use one of these family as font-family. It will fall back on your Noto font.

BUT, for websites that don't precise this font-family, I did not find the trick to fallback to Noto instead of system font. The fallback font varies depending on the browser.

AND, if you are a website maker (as I am), use the following fallback font-family for the texts that might contain emojis (taken from the actual span of https://emojipedia.org that I regard as a de facto standard): "apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol"

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>

  <!-- 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>Noto Color Emoji</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>

  <alias binding="strong">
    <family>Android Emoji</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>

  <alias binding="strong">
    <family>Emojisymbols</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>

  <alias binding="strong">
    <family>Emojione Mozilla</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>

  <alias binding="strong">
    <family>Twemoji Mozilla</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>

  <alias binding="strong">
    <family>Segoe Ui Symbol</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>

  <!-- Do not allow any app to use Symbola, ever -->
  <selectfont>
    <rejectfont>
      <pattern>
        <patelt name="family">
          <string>Symbola</string>
        </patelt>
      </pattern>
    </rejectfont>
  </selectfont>
</fontconfig>

danielsweb

@micmo Thank you so much for sharing that font config. Using arch linux variant distro (Salient OS), I installed the noto-color-emoji font (sudo pacman -S noto-fonts-emoji), copied your font config XML into /etc/fonts/local.conf, and rebooted. I can now see full color emojis everywhere - not just Vivaldi, but everywhere! I love Linux because it's so configurable. I'm going to share this bit of feedback in the Salient OS discussion forum on sourceforge and give you credit. Thanks again!