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

【问题标题】：render emoji on desktop browser correctly在桌面浏览器上正确呈现表情符号
【发布时间】：2016-05-17 14:44:43
【问题描述】：

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

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

&lt;h1&gt;text! ????????⛷⛷???????????????? &lt;a href="/" target="_blank"&gt;#tag&lt;/a&gt; &lt;a href="/" target="_blank"&gt;#tag&lt;/a&gt; &lt;a href="/" target="_blank"&gt;@user&lt;/a&gt;&lt;/h1&gt;

【问题讨论】：

哪些浏览器？哪些操作系统？你期待它是什么样子的？您使用的字体是否支持字符？
我在 safari 上测试。并且只是在 chrome 上测试，在小提琴中看不到任何表情符号，只有 firefox 显示正确的结果。我没有设置font-style，浏览器默认。

标签： php unicode mustache emoji hogan.js

【解决方案1】：

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

??实际上是两个字符，一个有OK手势的人?，和一个肤色修饰符?。许多系统还不支持肤色，并且会将第二个字符显示为彩色方块或缺失的字形。

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

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

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

【讨论】：

感谢您的回复。 you can use a web font containing these emoji，文本来自用户在手机（ios、android和windows）上输入，然后存储在数据库中。我只能用 api 来获取它们。你有没有建议我应该找到一个包含所有表情符号图标的字体，然后在桌面版的 css 中使用？
@user1575921 是的，您将包含大多数表情符号的网络字体添加到用于显示该文本的字体系列中。该文本的来源与在浏览器中呈现它无关。