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