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

问题

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

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

Bug

原因

这是一个 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 更新 : ) 。

posted on 2021-12-03 23:22  atLFN  阅读(1256)  评论(0编辑  收藏  举报