Color emoji fonts are not currently specified in the stylesheet, thus browsers might override an emoji with a dingbat, if the latter is available in the font specified by the user's browser.
The following screenshots show the issue:
Without any font declaration:
With font-family: 'Segoe UI Emoji' added to the body tag:
Adding a line such as font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; should be enough for most platforms.
The downside of this solution is that it does not allow people to easily view your site with the font of their choice, which may or may not be what you want.
LukeSmithxyz
commented
2 years ago
Color emoji fonts are not currently specified in the stylesheet, thus browsers might override an emoji with a dingbat, if the latter is available in the font specified by the user's browser.
The following screenshots show the issue: Without any font declaration:
With
font-family: 'Segoe UI Emoji'added to thebodytag:Adding a line such as
font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';should be enough for most platforms.The downside of this solution is that it does not allow people to easily view your site with the font of their choice, which may or may not be what you want.