Des émojis colorés sur le web

Les emojis dépendent de votre police d'écriture, et celle-ci dépend de votre navigateur et de votre système d'exploitation. Alors parfois on pense publier un article contenant de jolis emojis colorés, et le lecteur voit plutôt des emojis en noir et blanc.

La classe utilitaire magique

La plupart des systèmes d'exploitation ou navigateur viennent désormais avec une super police d'émojis. Encore faut-il lui indiquer de l'utiliser.

C'est pourquoi j'isole tous mes smileys, et je leur applique cette classe magique.

.u-emoji {
  font-style: normal;
  font-weight: 400;
  font-family: "apple color emoji", "segoe ui emoji", "noto color emoji",
    "android emoji", emojisymbols, "emojione mozilla", "twemoji mozilla",
    "segoe ui symbol", serif;
}

Cela corrige les problèmes pour iOS, macOS, Android, Chrome, Firefox, etc.