Skin tone on some emojis not working correctly

[Ibz786]

Hi guys,

So I'm using the 'NotoColorEmoji.tff' file on a webpage. Whilst for the most part everything is working great, I'm having issues with some of the emojis with skin tones. When applying a skin tone, some don't seem to work, whilst others are completely fine

Any thoughts on this?

[anthrotype]

could you please provide more information, e.g. what's the font version, where did you download it from, where is that screenshot being taken from, is that a web page in a browser or a desktop app, if so which one? If you could attach a reproducer (e.g. a static html page with those problematic combinations set using the given NotoColorEmoji.ttf) would be great, thanks!

[Ibz786]

Hi @anthrotype sorry for not giving as much detail as possible earlier

Just to answer your questions:

• I'm using the latest font version and downloaded it directly from this repo
• Screenshot was taken from a webpage I'm developing using Chrome on Windows 10

  @font-face {
  font-family: Noto Emoji;
  src: url('../fonts/Noto-Emoji/NotoColorEmoji.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  }

Thankfully, I've been able to fix the issue, sorry for premature alarm. What was happening was that I was pulling my list of emojis from a .json file with the actual emoji image i.e.

[
  { "emoji": "😀" }, 
  { "emoji": "😃" }
]

From there I was displaying them in Chrome and they seemed to have worked well. However, when adding the skin tones some of the emojis weren't working correclty, as seen in my previous screenshot. I went and then converted the emojis into their respective HEX values. That, coupled with the skin tones as HEXs too seems to have resolved the issue

[
  { "emoji":"😀", "hex":"1f600" },
  { "emoji":"😃", "hex":"1f603" }
]

Much appreciated for the quick response!