Question

我一直在使用包含滑块的html模板（旋转滑块 - https://revolution.themepunch.com/）

它有一个用于导航的左右箭头，使用以下内容 -

.tp-rightarrow.preview4:after { content: '\E824'; }
.tp-leftarrow.preview4:after { content: '\E825'; }

这在本地工作正常，但当我作为Umbraco网站的一部分上传时，两个箭头变为中文符号。当我用Google搜索时，我发现了以下内容 -

我现在更改了CSS以显示＆gt;和＆lt;符号，但我想知道为什么原始代码有时显示箭头，有时显示中文符号。

感谢。

Answer 1

U + E824和..25是私人使用区域中的代码点。该区域中的代码点未保留，它们没有任何预定义。它们既不是汉字也不是箭头。您可以出于任何目的自由使用任何私人使用代码点，只要发布者和客户同意这些代码点的含义。

在浏览器中，这几乎归结为安装/加载/定义了正确的字体。在网页中，每个字符只是由第一个定义/负责的字体呈现，该字体恰好包含该代码点的字形。因此，它在两个不同的系统/环境中呈现不同的原因只能源于CSS字体定义不同，或者浏览器安装了不同的字体。

原件很可能包含一个自定义网络字体，将这些字符定义为箭头。您已经省略了该字体，或者您已经覆盖了字体优先级，并对该元素应用了不同的字体，并且该字体恰好在这些代码点定义了中文字符。