Unicode emoji在Chrome上不显示

dgsult0t 于 2023-09-28 发布在 Go

关注(0)|答案(3)|浏览(163)

当我使用标准jQuery将unicode emojis插入到<span>中时，它们不会出现在Chrome（v48）中，但会出现在Firefox（v43）和Safari（v9）中。比较这些截图：

Chrome：

火狐：

有什么解释吗？

3条答案

问题是span有font-weight:bold。当我输入font-weight:normal时，emoji出现了。

实际上是因为字体的粗细。设置字体粗细为200px

**[]**另外，如果有此问题，并且与font-weight属性无关，则可能需要在head标签中指定'charset'属性;

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