Many sites have their own emoji styles, how can you do that? Is it like a font-library where you can use it with font-family:; or a script? I'd like to add twitter's emoji style to my website, any ideas? ^^

CodePudding user response：

You cannot modify the rendering of emoji directly. Regardless of font-face, the user’s browser and OS determine how emoji characters are rendered.

But what you can do, is what Twitter and some other platforms do, which is to process the input text to replace emoji characters with any other image you would like.

Check out this article with more info, including a link to Twemoji, a handy open source library by Twitter to handle this very problem.

CodePudding user response：

plz check and follow these steps .

https://github.com/davidkpiano/postcss-emoji-style

eg : npm install postcss-emoji-style