Unicode表情符号字符基于浏览器使用不同的图像/字体

Question

我目前正在一个项目中嵌入一个使用Unicode表情符号字符的对象。问题是，这些Unicode表情符号字符的显示方式会有所不同，具体取决于我使用的浏览器。例如，谷歌浏览器和Mozilla Firefox仅显示Unicode表情符号字符的Windows版本。另一方面，Internet Explorer 11显示所需的版本（自定义字体）。

图片问题：

这是它的外观以及在Internet Explorer 11（具有自定义字体）上的外观：

这是当前在Google Chrome和Mozilla Firefox（具有标准的Windows视觉效果）上的外观：

我正在使用的Unicode表情符号字符可以在这里找到：link。 我正在使用的一种叫做：694号空间上的“热饮料”。如您所见，有一种视觉样式我们可以识别，Chrome和Firefox使用的是Windows。

因此，现在我知道Chrome和Firefox都使用Windows字体来可视化unicode表情符号字符。根据此信息，我尝试通过编辑css（准确地说是@fontface）并导入自定义字体来解决此问题。这根本没有用。此后，我发现Internet Explorer确实可以正确显示它，而不必导入自定义字体。这使我相信解决方案在于这些浏览器之间的差异。问题是，我不知道是什么原因造成了这种差异。所以这就是为什么我在这里：

有人知道在显示Unicode表情符号字符时造成这种差异的原因吗？我已经尝试过自己解决问题，因为我怀疑它们可能不都支持相同的字体，但是如果我在这里查看：https://www.w3schools.com/css/css3_fonts.asp，看来这可能不是问题。

非常感谢您的帮助。

编辑： 经过大量尝试，我发现了一个新发现。 在Windows 7 Ultimate上，它在Internet Explorer 11和Google Chrome上均显示正确的显示（非Windows）；

在Windows 10企业版上，它仅在Internet Explorer 11上显示正确的显示（非Windows上）。在Google Chrome上，它显示Windows字体。

所以现在的问题是，导致此问题的Windows版本之间有什么区别？

编辑： 它甚至变得更奇怪。 Windows 7 Ultimate + GoogleChrome：

Windows 7 Ultimate + Internet Explorer：

Windows 7 Ultimate + Mozilla Firefox：

Windows 7 Ultimate与Unicode表情符号的网页比较：

Windows 10企业版+ Google Chrome：

Windows 10企业版Internet Explorer 11：

Windows 10企业版Mozilla Firefox：

带有Unicode表情符号的网页的Windows 10企业版比较：

任何人都对如何使它们看起来都像Windows 10企业版Internet Explorer 11示例有任何想法吗？

Answer 1

解决方案是将css强制嵌入嵌入元素的顶部：

  

font-family：“ Segoe UI符号”；

这是我正在寻找的黑白字体，而我错误地认为是本机unicode字体。

解决之道：

• 经过一番帮助和大量搜索，我发现没有本地unicode字体，因此我只需要找到正确的字体。
• 经过长时间的搜索，我发现： https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11635143/
• 其中包括以下链接：https://codepen.io/prometheusTX/pen/vmZzxG：

span {

  font-size:36px;

  font-family: "Segoe UI Emoji";

}

h1 {

  font-size:36px;

  font-family: "Segoe UI Symbol";

}

• 如您所见，这是我找到所需解决方案/字体的地方。

最后，这很简单，但是通往它的过程却很困难。

感谢大家在这里和其他地方的帮助。