絵文字が白黒になってしまう…

しょうもないネタですが、以前からWordPressで、同じ絵文字でも色がつく場合の絵文字と、色がつかないモノクロの絵文字があって、なんでかな?と原因を放置してました。

サンプルは下記のとおりです。

実際にこのページで上記の絵文字を入力すると、下記のような感じです。

😀😀

左が色付き
右がモノクロ

この原因の詳細は、下記のサイトで紹介されていました。スッキリです。
【追記】Chome 97.0.4692.71で直ったっぽい。いつのまにか上記右も色付きに直ってた。

【Chrome】絵文字に色が付かない・絵文字が白黒になる不具合について

なお、この原因は、絵文字の「font-weight 」を太字にするとモノクロになっちゃうみたいです。わたしの環境では「font-weightが100~500」は色付きのカラーでしたが、「600以上」だとモノクロになりました。boldは700のはずなのに600でアウトでした。

なんの因果関係があるかわかりませんが、絵文字は「font-weight: normal 」にしたほうがよさげです。

※たしかに、以前はこんなことなかったのにと思っていたのですが、Chrome バージョン96からこういう不具合あったんだと。ちなみに、2022/1/6時点でも直ってないです。