如何防止边缘的表情渲染

Question

我使用不同颜色的HTML✔(✔)来指示用户选择了哪些选项。

事实证明，MS将一些UTF-8字符转化为表情符号，这使得我的设计无法读懂--我不能再用CSS更改它们的颜色了。

我在另一个问题中发现，用✔︎(✔︎代替✔︎(✔︎是可行的，但它似乎并不适用于边缘。

还有别的办法吗，这是不可能的，还是我错过了什么？

Answer 1

尝试将font-family: "Segoe UI Symbol";添加到包含HTML实体的css中。

例如：

​

span {
  font-family: "Segoe UI Symbol";
}

<span>&#10004;&#xFE0E;</span>

​

从那里，您将能够样式您的HTML实体。我已经在Edge上测试过这个，并确认了它的工作原理。

下面的线程解决了这个问题：

• https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11635143/