-1

I understand that using emojis is terrible for a site, due to some users having some weird setups, but is there any way I can bypass this? Some people who use my site have experienced just a white box instead of an emoji; however, the majority are fine, including myself.

I'd love to use them because they're so easy to handle (at least for me), but I really do not want to use image icons because it's a pain in the butt due to my hosting. Is there some sort of font or something I can use that allows the use of emojis seamlessly on all devices?

Tom Zych
  • 13,329
  • 9
  • 36
  • 53
Ethan
  • 53
  • 1
  • 11
  • All modern browsers accept unicode In HTML use `🌀` to `🗿` and for CSS use `\1f300` to `\1f5ff`. When used in HTML it's just like using text. CSS on the other hand is more involved see [**CSS pseudo-elements `::before` and `::after` with `content`**](https://css-tricks.com/css-content/) – zer00ne Jul 08 '18 at 23:01
  • @zer00ne That doesn't solve the problem that the fonts used on some systems may not have the correct glyphs. – Michael Mior Jul 08 '18 at 23:07
  • @MichaelMior Did you expect a comment to solve the problem? If this was a solution then I would post it as an answer. – zer00ne Jul 08 '18 at 23:09
  • @zer00ne I was just pointing that out since it may not be obvious to some. – Michael Mior Jul 09 '18 at 15:01

1 Answers1

1

One solution is to use web fonts: put the necessary emoji font(s) on your server and use CSS to tell the browser to load them. For details on how to do this, see for example this question.

Information on free emoji webfonts is available here.

Tom Zych
  • 13,329
  • 9
  • 36
  • 53