避免使用 Unicode 1.1 (html) 显示表情符号

Avoid to display Emoji with Unicode 1.1 (html)

我尝试在我的 HTML 代码中添加一个表情符号 (♥) 并用 Chrome 显示它。

<p>&#x2665;</p>

心脏由旧的 Unicode 1.1 版显示,因此它是黑色的:

如何添加表情符号并在新版本中显示?

嗯,我想这取决于您使用的字体。您应该找到一个包含所需样式的表情符号的网络字体,并将其应用到您的页面。

如果您不知道网络字体,请查看 https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts

该表情符号的代码点是 U+2764 — HEAVY BLACK HEART。 “黑色”指的是前表情符号时代,当这个角色被填满时(而不是只有一个轮廓)。

您可以附加 U+FE0F — VARIATION SELECTOR-16 以明确指定彩色版本。 U+FE0E 将指定 black/white:

  • U+2764:❤
  • U+2764, U+FE0E: ❤︎
  • U+2764, U+FE0F: ❤️

结果可能取决于浏览器和系统,并取决于所使用的字体。对于我(Firefox / Windows 10)上面的前两个是黑色的,而第三个是红色的。