在桌面浏览器上正确呈现表情符号

Question

https://jsfiddle.net/Lxevu6rz/

当我从发布的客户端移动应用程序获取数据，并在桌面浏览器中呈现 a 标签重叠表情符号时，如果之前是兔子图标，为什么？以及如何解决？
我尝试将 css 添加到 a 内联或内联块，但仍然无法正常工作

还有一个问题是有些表情符号（女孩图标旁边）没有正确显示，如何解决？
正确一个

<h1>text! ⛷⛷ <a href="/" target="_blank">#tag</a> <a href="/" target="_blank">#tag</a> <a href="/" target="_blank">@user</a></h1>

Answer 1

这需要访问者的浏览器支持最新的 Unicode。

其实就是两个角色，一个OK手势的男人，一个肤色修饰符。许多系统尚不支持肤色，会将第二个字符显示为彩色方块或缺失的字形。

还有那个滑雪者：⛷，这可能只是某些系统缺少字形的问题。

这取决于操作系统和安装的字体。在 Windows 10，所有表情符号均按预期显示。在 Android（即使是最新的 6.0）上，肤色补丁将显示为缺失的字形。

如果您想确保访问者确实看到表情符号，您可以使用包含这些表情符号的网络字体。如果您在网上搜索，您会找到一些。