Emoji not rendered in Netlify deployed site

[rcodenick]

When I run my site locally (via RStudio using blogdown package) all emojis are rendered correctly

But when I deploy the site on Netlify, only few emoji are displayed while for most I get the text shortcode.

See here: https://new-blog-2020.netlify.app/

Any idea how to fix this? I really want to have emoji in my subtitle

[rcodenick]

Nothing? This is really bothering me and I want to find a way to fix it…

[alexandros]

This is not really a Hugo issue.

Emojis depend on the OS. Locally -on your system- you might get everything but online it is a different story.

Have a look at this post and the ones that follow it:

Emojis in hugo?

I know that this is an old thread but really there is no need for third party emoji fonts -unless of course there is a specific reason for using one of those-. Here is a font stack for the various color emoji fonts used in different OSes: font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols; So simply set enableEmoji = true in your project’s config, use the above CSS and type your emoji heart out using the cheat sheet.