【发布时间】:2017-11-17 22:40:39
【问题描述】:
我尝试在我的 HTML 代码中添加表情符号 (♥) 并使用 Chrome 显示。
<p>♥</p>
旧的 Unicode 版本 1.1 显示了心脏,因此它是黑色的:
如何添加表情符号并在这个新版本中显示?
【问题讨论】:
-
Google 关于 CSS 中的自定义字体。
我尝试在我的 HTML 代码中添加表情符号 (♥) 并使用 Chrome 显示。
<p>♥</p>
旧的 Unicode 版本 1.1 显示了心脏,因此它是黑色的:
如何添加表情符号并在这个新版本中显示?
【问题讨论】:
该表情符号的代码点是U+2764 — HEAVY BLACK HEART。 “黑色”指的是表情符号出现前的时间,当这个字符被填满时(而不仅仅是一个轮廓)。
您可以附加U+FE0F — VARIATION SELECTOR-16 以明确指定彩色版本。 U+FE0E 将指定黑/白:
结果可能取决于浏览器和系统,并取决于使用的字体。对我来说(Firefox / Windows 10),上面的前两个是黑色的,而第三个是红色的。
【讨论】:
我想这取决于您使用的字体。您应该找到一个包含所需样式的表情符号的网络字体,并将其应用到您的页面。
如果您不知道网络字体,请查看https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts
【讨论】: