避免使用 Unicode 1.1 (html) 显示表情符号
Avoid to display Emoji with Unicode 1.1 (html)
我尝试在我的 HTML 代码中添加一个表情符号 (♥) 并用 Chrome 显示它。
<p>♥</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)上面的前两个是黑色的,而第三个是红色的。
我尝试在我的 HTML 代码中添加一个表情符号 (♥) 并用 Chrome 显示它。
<p>♥</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)上面的前两个是黑色的,而第三个是红色的。