Do you think supporting native HTML Emoji is a good option? Twitter, for example, replaces them with images.
Right now, Hashnode is allowing these emojis. If you are still confused here are some example HTML emojis. π π πΌ. Right click and check out the source. They ain't images.
This is a good ideia, normalize the icons to continue give the same experience. And most applications do this as: slack, facebook, web.whatsapp....
The advantages are many -- no extra files IF there's native support, fully scaleable, small size in your code...
The disadvantages are that as others mentioned colouring them is hard/nonexistent (though M$ is working on multicolour support in TTF), you cannot rely on the characters existing in the font you have choosen, you may have to resort to webfonts to get them to show across all platforms, said webfonts often being larger than just using images if you can get away with using effects like the incorrectly named CSS sprites.
I'm still playing with it myself -- I'm actually thinking on using a custom webfont that has certain members of the geometric shapes table with a "background" that the actual character can be laid over. (this is for a forum software).
<span class="emoji emoji_circular"><span>π</span></span>
where the outer and inner span is set to position:relative, and I do a .emoji:before that's absolute positioned UNDER the inner span to create a 'background' I can colour... could even go to three colour by using :after. If you for example placed just a filled in circle in yellow under the smilie emoji...
The big trick would be making sure that both the emoji block and the custom block have the same measurements. Thankfully in my case, I'm pretty handy with fontCreator.
... of course if you wanted the teeth white, that would involve a third character at which point you might be better off using double-resolution .png with background-size for modern browsers, and normal 1x sprites for legacy browsers. (The @media(min-width:1px) trick good as always for differentiating between them!)
It opens up some nice possibilities, it's nice IF it's a available, I would prefer it over SVG (a tech that should have been left for dead a decade ago when M$ and Adobe couldn't drop it fast enough), but it comes down to how complex or how simple you want them to be, and if you can live with the cross-platform inconsistencies. Webfonts could plug the holes in said inconsistencies to a degree, but it's not a perfect solution.
I think they should be used as much as possible so that they would become the international symbols, the common signals on the web U+1F1FA
How to use emoji in hashnode blogs because :fire: not working? can you tell me what is the syntax of it in hashnode
Denny Trebbin
Lead Fullstack Developer. Experimenting with bleeding-edge tech. Irregularly DJ. Hobby drone pilot. Amateur photographer.
You can use Emojis. The disadvantage is, that icons look different other clients, platforms, browsers. This because most often vendors replace the raw (black/gray/white) unicode symbol by a 'nice' colored icon.