CSS 中的 UTF-8 字符答案

【问题标题】：UTF-8 Character in CSSCSS 中的 UTF-8 字符
【发布时间】：2016-06-22 09:07:14
【问题描述】：

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

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

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

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

我现在更改了 CSS 以显示 > 和

谢谢。

【问题讨论】：

标签： css utf-8

【解决方案1】：

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

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

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

【讨论】：