caractère de contenu css rendant étrange - html, css, pseudo-élément

J'utilise le pseudo-élément: after pour ajouter un caractère à côté de chaque élément de la liste. Le CSS que je m "utilise actuellement est:

li:after {
display: inline-block;
content: "25b6";
color: #dc313a;
padding-right: 16px;
padding-left: 6px;
font-weight: normal;
}

Il affiche bien dans Chrome (la plupart du temps), Firefox et IE11. Voici ce qu'il faut ajouter à la fin de chaque élément li:

Dans Chrome parfois, il affiche cette et en appuyant sur F5, vous le corrigerez.

Dans Edge, il affiche ceci sur certains ordinateurs

Est-ce que quelqu'un sait pourquoi je reçois parfois ces caractères dans Chrome et pourquoi Edge affiche quelque chose de complètement différent sur certains ordinateurs?

Réponses:

Malgré ce que disent de nombreux sites internet le personnage 25b6ne fonctionne pas de la même manière dans tous les navigateurs. Après avoir cherché dans la carte de caractères de Ariel dans la mappe de caractères de Windows, j’ai constaté que 25ba donnait le même caractère (bien assez près). Après avoir mis à jour mon fichier CSS avec 25ba au lieu de 25b6, navigateurs, je peux tester contre.

Il semble qu’avec le bord 25b6 le change simplement en émoticône et qu’on ajoute même fe0e après qu’il n’empêche pas le bord de le changer.