Html 为什么✓；符号有时会替换为✓；一个？

我有以下css规则：

.icon {
    content: "✓";
    color: #337ab7;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

其中我使用UTF-8字符✓. 但我发现有时候这个符号会被页面上的“–œ”符号所取代

为什么会这样

[更新]：

• 72.0.3626.121版本的Chorme浏览器
• 标题部分包含
  声明

[Update 2]：我发现css文件以响应头响应：

content-encoding: br

---

尝试使用实体：

内容：“\2713”

原因：字符

✓

是U+2713（Unicode代码点），在UTF-8中编码为

E29C93

。因此我假设您的文件正确编码为UTF-8

但不知何故，该文件被读取为Windows-1252，其中

E2

是

的

，

9C

是

的

，而

93

是

“

”。也许您的服务器认为它是文本，并用一些过时的编码（CSS，顺便说一句，大多数web，默认情况下应该是UTF-8）宣传该编码

---

您可能需要添加

@charset“utf-8”；

在CSS顶部，强制浏览器将文件解释为UTF-8。有关详细信息，请参阅。

使用什么浏览器？这是内联CSS还是CSS文件？父文件使用什么实际编码？在Wireshark之类的工具中，响应看起来像什么？我使用的是Chrome。这是外部CSS文件。此文件的响应包含断开的CSS文件symbol。同样，这个问题也会不时出现。设置

并不会设置页面的编码，它只是在无法自动确定实际使用的编码时对浏览器的提示（而且，它是

utf-8

而不是

utf8

）。重要的是用于保存页面标记或在web应用程序中生成页面标记的软件所使用的实际编码。我使用Cloudflare作为CDN。可能原因是我应该使用HTML实体？