保持 Emoji 跨浏览器一致

Keeping Emoji consistent across browsers

我正在设计一个品牌图标是表情符号的网站。当我在各种浏览器上测试它时,我注意到表情符号会根据不同的浏览器而变化。进一步挖掘表明,在 Messenger 和 WhatsApp 等平台上分享时,它还会更改标题中的表情符号。

有办法解决这个问题吗?

This site was how I actually realized emojis are just Unicode. The image that is displayed depends on the image associated with that Unicode on that platform

不要使用表情符号作为 Brad Icon,取而代之的是获取所需表情符号的图像文件,因为 Unicode 表情符号会因平台而异,截取所需表情符号的屏幕截图,将其大小调整为您需要的所有尺寸,然后上传。

你有不同的可能性。正如@PraneethAvvari 的回答:如果它是品牌图标,请将其作为图片获取,这样您就可以完全控制它的显示方式,以及未来版本的字体。

另一种可能性是为特定项目指定要使用的字体(select 网络字体)。您可以使用 CSS 来做到这一点,例如特别的 <span class="my_emoji">X</span>.

另一方面,您应该关心人们而不是您网站的预期一致性。人们更喜欢对他们的架构有一致的看法。如果我从 Windows 查看您的网站,我可能永远不会从 Mac 查看它。 IPhone和Android也是一样。可能在 10 分钟内我不会更改架构(计算机到 phone),但我会更改网站。所以如果我不能快速识别相同的表情符号,我会更生气。如您所见,总是需要权衡取舍,您应该检查每个元素,是否需要将其用作徽标,或用作功能特征(因此使用特定字体),或只是语义(例如来自用户的文本,所以保持默认字体)。