解释为什么Chrome对Arial表情符号的解释不同于任何其他字体-它添加了性别符号 [英] Explain why Chrome interprets Arial emojis differently than in any other font - it adds a gender symbol

查看:0
本文介绍了解释为什么Chrome对Arial表情符号的解释不同于任何其他字体-它添加了性别符号的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有人能解释一下为什么一些表情符号在使用Chrome和Arial字体时会添加性别符号吗? Arial facepalm renders with gender symbol in Chrome

铬版本:63.0.3239.132

这里是html

<!DOCTYPE html>
<html>
<style> 
.emoji {
  font-family: Times;
}
</style>
<body>

<p style="font-family: Arial">Arial Facepalm with symbol 🤦‍♂️</p>
<p style="font-family: Arial">Arial Facepalm without symbol 🤦‍️</p>
<p class=emoji>Times Facepalm with symbol 🤦‍♂️‍</p>
<p class=emoji>Times Facepalm without symbol 🤦‍</p>
<p>No font Facepalm with symbol 🤦‍♂️</p>
<p>No font Facepalm without symbol 🤦‍</p>

</body>
</html>

推荐答案

我假设您从苹果设备界面选择了表情符号,因为性别符号是粘贴的字符串中固有的。它实际上是四个Unicode字符:

  • 一个通用的facepalm字符:U+1F926&#x1F926;
  • 零宽度拼接机:U+200D&#x200D;(胶水)
  • 男性性别符号:U+2642&#x2642;(默认)
  • 变体选择器:U+FE0F&#xFE0F;(似乎是多余的)

将性别替换为女性标志,即为"女性脸掌"

&#x1F926;&zwj;&#x2640;

示例:https://codepen.io/anon/pen/RQQvPW

但正如您所看到的--在Chrome中not with Arial--而且显然只有Arial,也只有我测试过的Chrome。

虽然我可以回答为什么符号在那里,但我不能告诉您为什么Chrome不能仅以这种字体呈现Unicode复合规则。我只能猜测这是Chrome中的一个错误,会在某个时候修复的。

如果您需要在Arial中渲染男性脸掌,您仍然可以。只需单独使用通用基本字符:&#x1F926;。如果你需要一个女性表情符号,那么你就卡住了。

这篇关于解释为什么Chrome对Arial表情符号的解释不同于任何其他字体-它添加了性别符号的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆