有时会变成表情符号的文本

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 价值 $200 的免费积分!

某些 Unicode 字符在某些浏览器中会自动转换为表情符号。我无法确切说明原因,但以下是我观察到的情况

左侧为 Chrome。顶部和右侧为模拟器中的 Safari。

这些文本 Unicode 字符(▶、↩ 和 ❤)在 Chrome 中显示为文本,而 iOS Safari 将它们转换为表情符号。请注意,当它们是文本时,我可以更改它们的 color,但在它们转换为表情符号后,我无法更改。

上述字符也可能会在您的设备上转换为表情符号。在我的 WordPress 编辑器中,它们看起来像是文本。耸肩。

我之所以遇到这种情况,是因为我当时在帮助某人处理他们的网站,而他们不喜欢显示的“红色菱形”。在查看手机之前,我没有看到它们是红色的。

︎︎“文本呈现选择器”

有几个人告诉我,如果你使用这个(︎︎︎字符之前,它会“请求将其呈现为文本”。这是该规范。但我无法让它工作。

更新!这不是之前,而是应该之后!因此,例如 ❤︎︎。这对我来说确实在 iOS 上有效。 感谢 David.

这是我的测试

我在 iOS 上看到的内容

我在一些零散的帖子中读到,font-family: monospace 也会阻止表情符号转换,但这对我来说也不起作用(尽管我被告知它在 iPadOS 上有效)。

让它成为表情符号,但无论如何强制颜色。

如果你可以选中元素,即使字符变成了表情符号,你也可以强制它们显示为一种颜色。以下来自 Andrew Walpolea 的示例

Preethi Sam 在博客中提到,你也可以使用 text-shadow 来实现相同的效果

我的问题是,没有选择器可以使用!我遇到问题的菱形字符在数据库中数百个随机帖子中出现。

算了吧

我放弃了,通过 Better Search Replace 在整个数据库上执行了 MySQL 搜索/替换,以消除它们。

Matias Singers 在 “将 Unicode 符号呈现为文本或表情符号。” 中对此进行了更多介绍。