Some Emojis are rendered in black and white (as Unicode)

Some Emojis, such as :sunny::heart:, are rendered in black and white (as Unicode variants).
https://mts.io/2015/04/21/unicode-symbol-render-text-emoji/.

  1. There is currently no way to force the emoji-variant rendering in CSS in chrome
    https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-emoji
  2. You could use a font that doesn’t have Unicode variants, like Roboto (so emoji variants are the only possible ones).
  3. Try to use the variation selector U+FE0F
    https://forum.obsidian.md/t/font-problem-unicode-text-style-variant-selectors-don-t-work-most-of-the-time/19320
1 Like

Can there be a bit more detail as to how to insert a red heart? Does the second method mean that first we need to change the font to Roboto, insert the emoji, then switch it back? I’m not clear about the third method mentioned. Thanks.

The thing is that even if I copy a red heart from the Internet, it still shows a black heart, which is a bit frustrating.

1 Like