php - 在桌面浏览器上正确渲染表情符号

Question

https://jsfiddle.net/Lxevu6rz/

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

另一个问题是一些表情符号(女孩图标旁边)无法正确显示，如何解决？
正确的一个

<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手势的男人🙆，还有一个肤色修饰符🏻。许多系统尚不支持肤色，并将第二个字符显示为彩色方 block 或缺失的字形。

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

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

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