“»”和“✔”等字符不会出现在Firefox中

Question

在设计网页时，我发现在Firefox中可以在Chrome中显示“✔”等字符。

示例CSS代码对应于类型为'check'的输入：

#todo-list li .toggle:after {
content: '✔';
/* 40 + a couple of pixels visual adjustment */
line-height: 43px;
font-size: 20px;
color: #d9d9d9;
text-shadow: 0 -1px 0 #bfbfbf;
}

它完全适用于Chrome。对不起，我没有足够的积分来发布图片。 但是在Firefox中，角色不会出现，而是显示为常规复选框。 我在html文件中将我的字符集设置为'utf-8'。

Answer 1

  

在所有浏览器中，您永远不会让字体看起来完全相同，   所讨论的人物是否是丁字符。

话虽如此，并非所有浏览器都具有相同的字体系列，但这种称为Dingbat的特定字符样式对于所有浏览器都不一样。但是你可以通过改变字体系列来逃避这种情况，例如。 font-family：Meiryo ，您可能知道这对那些与您没有相同字体系列的用户不起作用。

有关详细信息，请阅读this.