显示在Web应用程序上从Twitter API提取的表情符号Unicode字符的问题

Question

我目前正在开发一个网络应用，可以从Twitter API中提取推文并将其显示在网站上。作为参考，我在Mac OS X 10.9上使用谷歌浏览器进行测试。

我注意到某些带有表情符号表情符号的推文显示为正方形，或者是＆＃34;无法识别的字符＆＃34;的图标。最初让我相信数据在某种程度上被后端弄乱了。但是当我使用Mac系统字体复制或显示字符时......

那么这里发生了什么，以及处理它的最佳方法是什么？我在我的网站上使用Google的Open Sans字体，如果这很重要，但我尝试了一些字体无济于事。

Answer 1

This is a limitation of Chrome.

适用于Android和iOS的Chrome应该可以正常显示。对于Mac和Windows，有an extension to display these emojis in-browser。

当然，对于那些没有扩展名的人来说，这不会解决问题，但是在这种情况下你真的无法用你自己的手动替换它们。图片，as Twitter does。

Answer 2

您可以查看Github上的Twitter Emoji（Twemoji）库： https://github.com/twitter/twemoji

根据自述文件，Twemoji是：

  

一个简单的库，提供跨标准的Unicode表情符号支持   所有平台。

适用于我的Chrome浏览器，这对我机器上的某些字符很麻烦。

Answer 3

正方形不是无法识别字符的符号，但是对于无法渲染的字符，因为正在使用的字体中没有字形。 Open Sans没有帮助，因为它不包含这些表情符号。您需要尝试找到包含它们的字体并将其用作Web字体。

Answer 4

只需使用twemoji库的较新版本（last）即可。他们用它解决了这个问题：

<script src="//twemoji.maxcdn.com/2/twemoji.min.js?2.2"></script>