Chrome Is Not Displaying My Emoji Correctly

I'm using Chrome Version 68.0.3440.106 (Official Build) (64-bit) on macOS Sierra 10.12.6. I have the following code:

☺️

It's rendering this

Solution 1:

If you are a developer trying to fix that on your website try adding some font-family to emoji. This one worked for same issue I had.

  font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;

If you are the user, you can install chrome extension which handles emojis chromoji

Solution 2:

I know that my answer is a bit late. But I've faced with the same problem and solve it through adding to my CSS file @font-face import. Also I've downloaded NotoColorEmoji font by Google. Here is page of this font. TrueType file is on it's github. So, after this even Chromium displays emojis on my site correctly.