html - 为什么按钮文本上的彩色表情符号会变成黑色和白色？

Question

请检查此 URL:https://iedcpg.org.br/doe/

我有这个按钮，几天前它的心还是红色的:

如果选择按钮文字内容...

...然后贴到Chrome地址栏，红心依旧...

但现在的重点是文字颜色(白色)。

怎么了？如何让这些红心变回红色？

Answer 1

表情符号的显示方式取决于字体和文本渲染引擎。它在不同的设备上看起来会有所不同，而且正如您所发现的，甚至在同一设备的不同位置上看起来也会不同。你也不会提示你的 a 看起来像 ɑ，这里是类似的东西。

我认为 Chrome 更改了它，因为它意外地呈现为表情符号。

但是，您的问题有解决方案:

1. 自己设置文本样式或使用字形字体或 SVG 图标，然后您就可以完全控制它的外观。

2. 附加 VS16 字符 (&#FE0F;) 以选择前一个字符的表情符号渲染*。这样，❤ (ૌ) 变成了 ❤️ (ૌ&#FE0F; ).

_{*:这是一个variation selector .还有 VS15 (&#FE0E;) 做相反的事情:将通常显示为表情符号的字符强制转换为文本渲染。}