保持表情符号在浏览器之间的一致性

Question

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

有没有办法解决这个问题？

This网站是我实际上意识到表情符号只是Unicode的方式。 显示的图像取决于与此相关的图像 该平台上的Unicode

Answer 1

您有不同的可能性。作为@PraneethAvvari的答案：如果它是一个品牌图标，则将其作为图片使用，以便您可以完全控制它的显示方式，以及将来版本的字体。

另一种可能性是为特定项目指定要使用的字体（选择Web字体）。您可以使用CSS和特殊的<span class="my_emoji">X</span>。

另一方面，您应该关心人们（而不是网站）的预期一致性。人们喜欢对其架构保持一致的看法。如果我从Windows看您的网站，可能永远不会从Mac看它。 iPhone和Android之间也是如此。可能在10分钟内，我不会更改架构（从计算机更改为电话），但会更改网站。因此，如果我不能快速识别相同的表情符号，我会感到非常烦恼。如您所见，总是需要权衡取舍，您应该检查每个元素，是否需要将其用作徽标，功能性功能（使用特定字体）或语义（例如，来自用户的文字，因此请保留默认字体。

Answer 2

不要将表情符号用作Brad Icon，而是获取所需表情符号的图像文件，因为Unicode表情符号在各个平台之间都不同，请截取所需表情符号的屏幕快照，将其调整为所需的所有大小并上传。