HTMLコードに絵文字(♥)を追加してChromeで表示しようとしています。絵文字をUnicodeで表示しないようにする1.1(html)
<p>♥</p>
心は、古いUnicodeバージョン1.1でと理由、それは黒であることを示している:
は、どのように私は絵文字を追加し、この新しいバージョンでそれを表示することができますか?
HTMLコードに絵文字(&#x2665;)を追加してChromeで表示しようとしています。絵文字をUnicodeで表示しないようにする1.1(html)
<p>♥</p>
心は、古いUnicodeバージョン1.1でと理由、それは黒であることを示している:
は、どのように私は絵文字を追加し、この新しいバージョンでそれを表示することができますか?
に見てみましょう。 「黒」は、このキャラクターが(アウトラインのみではなく)満たされたときの、前絵文字の時を指します。
U+FE0F — VARIATION SELECTOR-16
を追加して、カラーバージョンを明示的に指定できます。
U+FE0E
は白/黒を指定します❤︎結果はおそらくブラウザーやシステムに依存し、どのフォントが使用されているかによって異なります。私の場合(Firefox/Windows 10)、上記の最初の2つは黒で、3番目のものは赤です。
私のデバイスでは、それらのすべてStackOverflowアプリケーションとウェブブラウザ(モバイルモードとデスクトップモードの両方)で心が赤くなっています。 –
素晴らしい!どうもありがとう。 – desmeit
まあ、私はそれはあなたが使用しているフォントから依存しているとします。必要なスタイルで絵文字を含むWebフォントを見つけて、それをページに適用する必要があります。
あなたがわからない場合は、ウェブフォントは、その絵文字のコード・ポイントがU+2764 — HEAVY BLACK HEART
あるhttps://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts
速い調査から私はあなたを助けることができるブログ記事を見つけたhttps://shkspr.mobi/blog/2014/12/how-to-use-system-emoji-with-webfonts/ –
Googleのカスタムフォントについては、CSSをご覧ください。 –