反应替换 CSS `content` 中的特殊字符

Question

问题

在加载我的 React webapp 时，有时特殊字符（例如 ⋮）会替换为其他字符串（例如 â‹®）。特殊字符在大多数时间正确显示，但是当此错误发生时，下面列出的所有特殊字符都无法正确显示。我无法故意复制该问题。

代码示例

特殊字符都在 CSS 样式中：

.someElement:before {
  content: "⋮";
}

示例字符

以下是看似随机发生的意外替换：

Intended Character	Characters that Appear
⋮	â‹®
▾	â–¾
✔	✔

Answer 1

要在 CSS 中使用特殊字符，您必须添加它们的 CSS entity 而不仅仅是字符

在您的情况下，您想将 ⋮ 添加到其实体代码为 \22EE 的 css 中

.someElement:before {
  content: "\22EE";
}

查看更多实体代码

https://www.w3schools.com/cssref/css_entities.asp