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

时间:2017-06-15 12:24:22

标签: html unicode emoji

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

<p>&#x2665;</p>

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

enter image description here

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

enter image description here

2 个答案:

答案 0 :(得分:3)

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

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

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

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

答案 1 :(得分:0)

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

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