Question

在避免脚本注入的误导性努力中，我们决定将所有“少于/大于”的符号转换为“左/右箭头” - 修饰符字母。

在开发中使用IE11一切都很好，花花公子。但是，当部署到PROD时，这些修饰符字母显示为框。 PROD是使用其他计算机访问的，但据我所知，它是相同版本的IE11，所有相关设置在计算机之间是相同的。所有用户都看到框而不是修饰符 - 也在其他页面上，例如：

<<<< - less than
>>>> - greater than
˂˂˂˂ - modifier letter left arrowhead
˃˃˃˃ - modifier letter right arrowhead

显示为：

有什么想法吗？

编辑：进一步调查，我们使用的是一种在开发机器上没有的字体，而是在prod机器上。此字体似乎不包含修饰符字母。

然而，当我将这些字母输入Word并更改为我们的字体时，它会正确显示，尽管两种类型的字符不完全相同，但它们足够接近，并且不支持的字符似乎回退到某些系统字体。为什么这不会发生在网页上？

Answer 1

因此，我们的font-family堆栈中的任何一种字体似乎都不支持上述字符，即：

* { font-family: 'Open Sans', sans-serif; }

从我可以收集的内容来看，这意味着浏览器会回退到无法识别的字符的系统级字体。显然，似乎这种后备机器可能会有所不同。我的解决方案是添加第三个后备字体，我知道包含该字符，如下所示：

* { font-family: 'Open Sans', sans-serif, monospace; }