Closed Ibz786 closed 1 year ago
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!
Hi @anthrotype sorry for not giving as much detail as possible earlier
Just to answer your questions:
@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!
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?