css内容字符渲染奇怪

Question

我正在使用：after伪元素在列表中的每个项旁边添加一个字符。我目前使用的CSS是：

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

它在Chrome（大多数情况下），Firefox和IE11中都很好用。这是它应该添加到每个li元素的末尾：

在Chrome中，有时会显示此，然后按F5即可解决此问题。

在Edge中，它会在某些计算机上显示

有谁知道为什么我有时会在Chrome中获得这些角色以及为什么Edge会在某些计算机上显示完全不同的内容？

Answer 1

尽管很多网站都说25b6字符在所有浏览器中都不起作用。在Windows中查看Ariel字体的字符映射后，我发现25ba也给出了相同的字符（足够接近）。用25ba而不是25b6更新我的css后，它可以在我可以测试的所有浏览器中正确显示。

看起来25b6的边缘只是将它改为表情符号，甚至在它不会因为改变它而停止边缘后添加fe0e。