unicode 表情符号未在 Chrome 上显示

Question

当我使用标准 jQuery 将 unicode 表情符号插入

<span>

时，它们不会出现在 Chrome (v48) 中，但会出现在 Firefox (v43) 和 Safari (v9) 中。比较这些屏幕截图：

铬：

火狐：

这里有什么解释吗？

Answer 1

问题是跨度有

font-weight:bold

。我一放

font-weight:normal

，表情符号就出现了。

Answer 2

其实是因为字体粗细的原因。将字体粗细设置为 200px

Answer 3

[] 另外，如果出现此问题且与 font-weight 属性无关，您可能需要在 head 标签中指定 'charset' 属性；

<html>
    <head>
        <meta charset="UTF-8">
    </head>

    <body>
        <span>😸</span>
    </body>
</html>