Windows 10 下的 Chrome 中 Emoji 显示为黑白，而不是彩色

本文主要是介绍Windows 10 下的 Chrome 中 Emoji 显示为黑白，而不是彩色，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题

Windows 10 下最新版 Chrome (Chromium 96) 浏览器显示 Emoji 的时候，

可能会显示黑白的 Emoji，而不是彩色的，如图所示。

原因

这是一个 Bug，详见 1266022 - Emoji rendering lost color in Chrome 96 - chromium 。

解决

简单地说，就是 Emoji 的 font-weight 属性设置成 bold 或者更粗的值了，

所以只要把 Emoji 所在的元素 CSS 的 font-weight 改成 normal 就行，

或者把 Emoji 单独用 <span> 标签包起来，再设置 font-weight: normal; ，

再或者等着 Chromium 更新 : ) 。

这篇关于Windows 10 下的 Chrome 中 Emoji 显示为黑白，而不是彩色的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！