表情符号问题：表情符号“举手：中浅肤色”显示为 2 个表情符号而不是 1 个答案

【问题标题】：Emoji Issue: Emoji "Man Raising Hand: Medium-Light Skin Tone" appears as 2 emoji's instead of 1表情符号问题：表情符号“举手：中浅肤色”显示为 2 个表情符号而不是 1 个
【发布时间】：2019-05-11 03:17:59
【问题描述】：

表情符号“举手：中浅肤色”（见https://emojipedia.org/man-raising-hand-type-3/）在我的网页中显示为2个表情符号，即这个表情符号是女性版本+后面是男性符号，如下所示： ????♂

HTML 使用 UTF-8，所以表情符号应该可以工作。我在文本字段中输入此内容，而不是保存或执行任何其他操作。

在 Google 上搜索时，Google 搜索结果也会显示为这个表情符号的女性版本 + 后面的男性符号。

这里可能发生了什么？

它与 Mac 上的 Chrome（最新版本）有关吗？还是有别的东西？在我看来，谷歌似乎也遇到了同样的问题，因为他们的搜索结果也显示错误。

在此处复制粘贴表情符号也不适合我。当我粘贴时，同样出现了举手的女人+男性符号，而不是举手的男人。

但是，我可以将这个男性版本粘贴到 Sublime Text 编辑器中。然后按退格键将表情符号变成女性版本，再次按退格键，改变女性的肤色。

那么，如何让这个举手表情的人在网页上工作？

【问题讨论】：

第二个表情符号（我不太确定）称为Emoji modifiers。也可能在某处发生Zero-Width-Joiner。
这很有趣，但并没有真正让我知道如何在网页上支持它。也许我们需要 UTF-16 而不是 UTF-8？
@Wouter 我做了一点搜索，但很抱歉找不到与“设备/软件的表情符号 ZWJ 序列支持”相关的任何内容。然而，有一些“建议”的组合。我相信这是平台（系统和软件）提供的一些支持，但与 UTF-16 或 UTF-8 无关。
然后我找到了Issue 566258, Chrome on Mac doesn't render ZWJ emojis correctly。
Explain why Chrome interprets Arial emojis differently than in any other font - it adds a gender symbol的可能重复

标签： emoji

【解决方案1】：

表情符号可以有modifiers 和Zero-Width-Joiner Sequences。 emoji mentioned in the original question，正如 Emojipedia 的链接所说，实际上是 3 个表情符号的组合： ? Person Raising Hand、? Medium-Light Skin Tone（修改肤色）、 ♂️ Male Sign（修改性别/性别）。

如您所见，肤色修饰符已经起作用，但性别顺序不起作用。

根据Issue 556771, Support Emoji Joiner Sequences 所说，这个问题已经解决了，但是在底部仍然有人遇到这个问题，并且仍然是像data:text/html,<html><head><meta charset="utf-8"></head><body>%F0%9F%99%8B%F0%9F%8F%BC%E2%80%8D%E2%99%82%EF%B8%8F</body></html> 这样的可能替代方案。

%F0%9F%99%8B%F0%9F%8F%BC%E2%80%8D%E2%99%82%EF%B8%8F
%F0%9F%99%8B                                        U+1F64B ?
            %F0%9F%8F%BC                            U+1F3FC ?
                        %E2%80%8D                   U+200D  Zero Width Joiner
                                 %E2%99%82          U+2642  ♂
                                          %EF%B8%8F U+FE0F  Variation Selector 16

此外，我尝试在 ?♂ 和 VS16 之间手动插入 ZWJ，然后在我的 Linux 上的 Firefox 中，表情变成了预期的 ??‍♂️。我没有 Mac，所以我不确定这些替代品是否适用于 Mac 版 Chrome。

【讨论】：