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 更新 : ) 。