如何确保始终正确显示 Unicode 字符？

Question

例如，下面有时会分别显示为一个正方形和一个字母u。如何避免不一致？

content: "\E07A"; // Shopping cart icon
content: "\1F50E"; // Search icon

我所说的不一致是指在同一台机器和同一浏览器上显示不一致。有时它会正确加载，有时则不能。

Answer 1

当您加载带有该字形的字体时（通过@font-face），它将始终如一地工作。如果不这样做，您将依赖于用户机器上的字体。在这种情况下，您可以更好地将这些“图标”替换为 SVG 图像，如下所示：

content:url('cart.svg');