如何在 IE 中编写彩色 Unicode 表情符号

Question

我想在 IE 中编写彩色的 Unicode 表情符号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>


<body>
    
</body>
</html>

如果我运行上面的代码在 chrome 和边上，它会以彩色猫脸表情出现。

但是在IE中，表情都是单色的chrome，如下图。

如何在IE浏览器中使用color Unicode emoji？

对于这个基本问题，我感到非常抱歉。但是我不知道要搜索哪个关键字。
感谢您阅读问题，希望您今天过得愉快。

Answer 1

实际上，我强烈建议不要使用 IE，因为它不再支持 support。但如果你非要在 IE 上这样做，微软提供了一种方法来处理这个问题。这可能看起来很棘手，但 AFAIK，这是使表情符号按预期工作的唯一方法。 很明显，Microsoft 精美的表情符号以名为 Segoe UI Emoji 的特定系统字体存在。要使用它，您只需定义一个 class 或其他内容，然后使用表情符号将其分配给您的特定元素。

所以你的最终代码应该是这样的：

.emoji {
  font-family: "Segoe UI Emoji";
}

<!DOCTYPE html>
<html lang="en">

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


<body>
  <span class="emoji"></span>
</body>

</html>

注意： 正如@mplungjan 在评论中告诉我们的那样，如果您想更精确地使用交叉浏览功能，您可以改用下面的功能：

.emoji {
  font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
}

如何在 IE 中编写彩色 Unicode 表情符号

How to write color Unicode emoji in the IE

html

css

unicode

internet-explorer

emoji