2017-06-15 10 views
0

HTMLコードに絵文字(♥)を追加してChromeで表示しようとしています。絵文字をUnicodeで表示しないようにする1.1(html)

<p>&#x2665;</p> 

心は、古いUnicodeバージョン1.1でと理由、それは黒であることを示している:

enter image description here

は、どのように私は絵文字を追加し、この新しいバージョンでそれを表示することができますか?

enter image description here

+0

Googleのカスタムフォントについては、CSSをご覧ください。 –

答えて

2

に見てみましょう。 「黒」は、このキャラクターが(アウトラインのみではなく)満たされたときの、前絵文字の時を指します。

U+FE0F — VARIATION SELECTOR-16を追加して、カラーバージョンを明示的に指定できます。

  • U + 2764:❤
  • U + 2764、U + FE0E:U+FE0Eは白/黒を指定します❤︎
  • U + 2764、U + FE0Fを:❤️

結果はおそらくブラウザーやシステムに依存し、どのフォントが使用されているかによって異なります。私の場合(Firefox/Windows 10)、上記の最初の2つは黒で、3番目のものは赤です。

+0

私のデバイスでは、それらのすべてStackOverflowアプリケーションとウェブブラウザ(モバイルモードとデスクトップモードの両方)で心が赤くなっています。 –

+0

素晴らしい!どうもありがとう。 – desmeit

0

まあ、私はそれはあなたが使用しているフォントから依存しているとします。必要なスタイルで絵文字を含むWebフォントを見つけて、それをページに適用する必要があります。

あなたがわからない場合は、ウェブフォントは、その絵文字のコード・ポイントがU+2764 — HEAVY BLACK HEARTある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/ –

関連する問題