I want to have Google Noto Color Emoji replace all other emojis, so I dont see the generic ones. Like this one here:

To test this, I use the follow page: http://getemoji.com/ which displays "all" the emojis the browser can use. As you can see, there just a few missing.

I suspect that some other font might have a higher priority, so it tries to use that before Noto Color Emoji.

I can kind of work around this with the follow: If I simply do this, it will work on sites like http://getemoji.com but not on facebook and other social sites.

<match> <test name="family"><string>Segoe UI</string></test> <edit name="family" mode="assign" binding="strong"> <string>Noto Color Emoji</string> </edit> </match>

I currently use these lines in .config/fontconfig/fonts.conf, to make sure they work in Google Chrome

<!-- Emojis --> <match target="scan"> <test name="family"> <string>Noto Color Emoji</string> </test> <edit name="scalable" mode="assign"> <bool>true</bool> </edit> </match> <match target="pattern"> <test name="prgname"> <string>chrome</string> </test> <edit name="family" mode="prepend_first"> <string>Noto Color Emoji</string> </edit> </match>

I have tried to remove all microsoft fonts, symbola-fonts and others to figure out what font is doing this, but I cant figure it out :(

Ubuntu 16.04.1 with: Noto Color Emoji

Maybe someone with some developer tools in a browser can figure it out? I have tried but can't find it.