2017-06-15 80 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/ –