Text variants for email and clipboard unicodes

[superpoincare]

Unicode has a text-selector feature where you could use the text-variant or emoji.

Twemoji does seem to respect this (for example black right triangle) but not for all characters like email and clipboard.

Demo:

https://codepen.io/anon/pen/QVLQLG

[polarathene]

This isn't specific to the font afaik. Can you verify that both glyphs for the text and colour/emoji versions are from the same font Twemoji? What you're likely experiencing is one font is applied and falls back to alternative fonts to display the variants.

This is not always respected and seems to vary by not only browser but by platform/OS too. For example, on Linux, Chrome doesn't seem to properly support Variation Selectors all that well, whereas the support with Firefox is better, but not as good as on Android(where Chrome still seems to have trouble). It's not entirely up to the browsers either, the OS usually manages fonts and fallbacks with the browser having another abstraction over that(see Chrome's font preferences, or Firefox "about:config").

For some examples and more details, see this issue.

If you'd like to verify what fonts are being used with Firefox(which you presumably using to see some variants), you can go into the browser dev tools. For Firefox, look at the Fonts tab, near the Computed styles tab. You can roll over the fonts listed there and it should highlight where they are used in the viewport(the list might be affected by what element in the HTML inspector is currently selected).