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

时间:2016-02-08 01:10:03

标签: php unicode mustache emoji hogan.js

https://jsfiddle.net/Lxevu6rz/

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

另一个问题是有一些表情符号(女孩图标旁边)没有正确显示,如何解决? 纠正一个 correct

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

1 个答案:

答案 0 :(得分:2)

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

实际上是两个字符,具有OK手势的人和肤色修饰符。许多系统尚不支持肤色,并将第二个字符显示为彩色方块或缺少字形。

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

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

如果您想确保访问者真正看到表情符号,您可以使用包含这些表情符号的网络字体。如果你在网上搜索,你会发现一些。