表情符号显示黑白(windows7铬，边缘)

Question

我在我的网站上添加了表情符号，使用android上的emoji Unicode emoji.asp，mac和iphone用户有彩色表情符号，而在windows7 (铬和边缘)上有黑白表情符号。我还没有测试windows10。

有办法解决这个问题吗？

SCR在我的终端预览：

​

​

Answer 1

我希望我能帮助那些在这个话题上有所建树的人：

截至11月15日，我的表情符号也有类似的问题。我在利用节点-符号。他们只在谷歌Chrome上黑白相间(在更新了之后)。在这次更新之前一切都很好。

我发现发生这种情况是因为我将font-weight: bold应用于那个表情符号。当我把正常的体重加进去时，表情符号又回到了他们五颜六色的自我:-)。

Answer 2

Windows 7不支持彩色字体。Windows 7是在2009年发布的，就在将表情符号添加到Unicode之前。颜色字体支持被添加到Windows8.1中。您应该考虑升级到Windows 10。

Answer 3

Windows 7不支持彩色表情符号，这将是问题的原因。一种在你的网站上绕过这一点的方法，就是使用一个表情符号库并给它着色。

您可以这样做，方法是：

• Twitter Twemoji
• 或FontAwesome

您可以使用其他的，但这些是目前为止最流行的表情库。Twemoji是Twitter使用的表情符号。

使用FontAwesome，您可以在其站点上找到他们的代码，并将其粘贴到您的站点上，然后搜索您想要的表情符号。(您可以在CSS中用color: [color]对其着色。)

您可以将下面的代码用于FontAwesome：

​

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<i class="fas fa-heart" style="color:red;padding-right:5px;"></i>
<i class="fas fa-grin" style="color:#fcbe03;padding-right:5px;"></i>
<i class="fas fa-thumbs-up" style="color:limegreen;padding-right:5px;"></i>

​

对于Twemoji来说，这几乎是一样的，但是你必须给出归属。他们的网站上有一个指南。