来自 CSS 的不可打印、不存在的字符：内容在 HTML 中正确显示

如何解决来自 CSS 的不可打印、不存在的字符：内容在 HTML 中正确显示

我正在研究一个网站如何实现像星星（★ 等）这样的图标。完成如下（摘自 html 和 css 文件）：

HTML：

<div class='icon-star'><div>

CSS：

.icon-star:before{
  content: "" 
}

方形符号 () 是符号在 Safari 和 Chrome 中的 CSS 中的显示方式。但是它在网页上正确显示为 ★。 CSS 文件在来自 CSS 主机的 HTTP 响应中被brotli压缩。解压 * 版本的 CSS 看起来应该是这样，但是 content:"\xee\xac\x8a" 用于 icon-star 类元素。 ee ac 8a 十六进制字符串不代表任何 unicode 字符。除此之外，在 HTML 中使用 content: 显示星星的正确方法应该是 content: '\2605'。

所以我的问题是这个 CSS 和 HTML 组合为什么以及如何正确工作？

*CSS 请求和解压是在 Python 中使用 requests 和 brotlicffi 库完成的。我提到这一点是为了以防万一，因为它不应该成为任何问题的根源。这给了我以下结果：content:"\xee\xac\x8a"。我还将 Safari 中的 CSS 中的方形字符 () 复制并粘贴到终端，echo  | xxd 也给了我 \xee\xac\x8a。所以这在我看来并不是解压/解码的问题，至少我认为这足以确保它可能不是。

链接 css 文件（它很长但查找 .icon-star 类以找到我所指的内容）：https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/responsive_layout_normal_contrast/bundles/common-78f32168cb.css