【问题标题】:Avoid to display Emoji with Unicode 1.1 (html)避免使用 Unicode 1.1 (html) 显示 Emoji
【发布时间】:2017-11-17 22:40:39
【问题描述】:

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

<p>&#x2665;</p>

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

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

【问题讨论】:

  • Google 关于 CSS 中的自定义字体。

标签: html unicode emoji


【解决方案1】:

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

【讨论】:

  • 在我的设备上,无论在 StackOverflow 应用程序和网络浏览器(移动和桌面模式)中,所有这些心都是红色的。
  • 太棒了!非常感谢。
【解决方案2】:

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

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

【讨论】:

猜你喜欢
  • 2012-05-10
  • 2016-10-12
  • 1970-01-01
  • 2017-01-14
  • 2016-01-10
  • 1970-01-01
  • 2014-08-30
  • 1970-01-01
  • 2014-06-07
相关资源
最近更新 更多