html - 为什么 ✓ 符号有时会被替换为“一个”？

Question

我有以下 css 规则:

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

我在哪里使用 UTF-8 字符 ✓。但我发现有时这个符号会被页面上的“-”符号替换。

为什么会发生？

[更新] :

72.0.3626.121 版本的 Chorme 浏览器。

标题部分包含 <meta charset="utf-8">声明

[更新2] :我发现 css 文件以响应头响应:

content-encoding: br

Answer 1

尝试使用实体:content: "\2713";