2017-06-15 91 views
0

显示表情符号我尝试在我的HTML代码中添加Emoji(♥)并使用Chrome显示它。避免使用Unicode 1.1(html)

<p>&#x2665;</p> 

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

enter image description here

我如何添加表情符号,并显示在这个新版本?

enter image description here

+0

谷歌有关CSS中的自定义字体。 –

回答

2

该表情符号的代码点是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),上面的前两个是黑色的,而第三个是红色的。

+0

在我的设备上,所有这些在StackOverflow应用程序和Web浏览器(包括移动和桌面模式)中,心都是红色的。 –

+0

太好了!非常感谢。 – desmeit

0

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

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

+0

从快速研究中,我发现了一篇博文,可以帮助你https://shkspr.mobi/blog/2014/12/how-to-use-system-emoji-with-webfonts/ –