Make web browsers render an HTML entity glyph instead of an emoji

❦ Published

Web browsers and operating systems often default to rendering certain Unicode characters as colorful emojis rather than their original, monochrome text-style glyphs.

The most direct and widely supported way to request a text presentation is by appending the Unicode Variation Selector-15 (U+FE0E) character immediately after the character you want to display as text.

  • How it works: This special character is an instruction to the rendering engine to use the text-style glyph variant instead of the emoji-style variant for the preceding character.
  • HTML Entity: Use the HTML entity ︎ or ︎ right after your Unicode character or entity. Examples:
Character Emoji (default without selector) Text-Style Glyph (with selector) HTML for text-style glyph
Star ⭐︎ ⭐︎
Heart ❤️ ❤︎ ❤︎
Black Sun ☀️ ☀︎ ☀︎

Example HTML code:

<p>Default heart: &#x2764; (often renders as ❤️)</p>
<p>Text-style heart: &#x2764;&#xFE0E; (tries to render as ❤︎)</p>

Note: This selector won’t work for all Unicode characters, as some characters only have an emoji presentation.

· ˖ ✦ . ˳

Come with me in creative journeys through music and play by subscribing to my YouTube and Twitch channels. ❤︎ Did you enjoy this post? You can buy me a moment of time.


Possibly Related:

˳ · ˖

Prior entry:
Next entry: