如何在边缘使用 iemoji答案

【问题标题】：How to use iemoji on edge如何在边缘使用 iemoji
【发布时间】：2021-12-22 11:13:15
【问题描述】：

我有这个代码：

<option> &#x1F1E9;&#x1F1EA; Deutsch</option>
or 
<option> &#127465;&#127466; Deutsch</option>

我在 Firefox 上得到了这个：

但在 Edge 上看起来像这样：

我做错了什么？

【问题讨论】：

标签： html emoji

【解决方案1】：

遗憾的是，Windows 没有系统 Emoji 字体，其中包含彩色标志连字 ~~（以及来自 Emoji 领域的更多字形）~~。由于 Chrome 和 Edge 依赖于系统字体，我们看到的是那些简单的字符而不是连字。

Firefox（仍然）嵌入了它自己基于 Twitter（“Twemoji Mozilla”）的漂亮后备表情符号字体来缓解这种情况。因此，让它跨浏览器工作的唯一方法是提供 webfont。

Maxime Euziere 在https://xem.github.io/unicode13/emoji.html 为 Web 使用编译了很好用的 Mozilla 的 Twemoji 字体：

/*
Licenses for TwemojiMozilla.ttf: https://github.com/mozilla/twemoji-colr/blob/master/LICENSE.md#license-for-the-visual-design
Derived from: https://twemoji.twitter.com/
Source: https://xem.github.io/unicode13/emoji.html 
*/
@font-face {
  font-family: "Twemoji from xem.github.io";
  src: url("https://xem.github.io/unicode13/Twemoji.ttf") format("truetype");
  unicode-range: U+00A9-E007F;
  /* @see https://github.com/mozilla/twemoji-colr/issues/56 */
}

:root {
  font-family: "Twemoji from xem.github.io", Segoe UI Emoji, Segoe UI Symbol, Segoe, sans-serif;
}

&lt;p&gt;&amp;#x1F1E9;&amp;#x1F1EA; Deutsch

【讨论】：

不漂亮但可以接受:))
“遗憾的是，Windows 没有包含彩色标志连字的系统表情符号字体（以及来自表情符号领域的更多字形）。” @myf：唯一的 Unicode 表情符号不是Windows 中支持的 是标志。（国旗表情一直是个坏主意，但不幸的是，其中一家主要供应商决定支持他们，其他人也纷纷效仿。我想他们现在都后悔了。）
@PeterConstable 好点，我可能对 2016 年或冻结的公司安装的报告感到超级过时 - 我记得经常在 Chrome 中偶然发现“单色”或“豆腐”“表情符号”在 Windows 上，而 Firefox 显示其 Twemoji 分支。但我发现它可能只是错误的字体堆栈，毕竟避免了 Segoe UI Emoji（？），2019 年更新看起来非常简洁（blog.emojipedia.org/diverse-emoji-families-come-to-windows）我同意所有这些标志机制，嗯，至少很有趣，还没有放深思熟虑。