I want to display color emojis as text in a web app on the Gear S2 smartwatch.
The built-in keyboard has three screens for picking emojis from a set of 19. (Why so few?) The glyphs used are evidently part of the smiley subset from Samsung's version of Noto Color Emoji, which can be seen on the web at emojipedia.org/samsung. So color display of emojis is possible in Tizen 2.3.1, although the built-in keyboard is likely a native app.
I used the Tizen IDE (v2.3.1 Rev1), and created a new Tizen Web Project from the included template, selecting "Basic Application" from the WEARABLE-2.3.1 category: Basic. The only change I then made to the auto-generated project, was to replace the line:
<span class=content_text id=textbox>Basic</span>
with:
<span class=content_text id=textbox>😍 😜 🙂 🙁 😈 😢</span>
When I installed and launched this new app on the Gear S2, it displayed the six specified emojis on two lines. But four of them were white on black and seemed to come from the Symbola font. However the two others ('641 and '642) were in color, clearly from the Noto Color Emoji font! Further experiments with the U+1Fxxx codepoints indicated that these two may be the only emojis to be displayed in color on the S2, even though the other four come from the set of 19 mentioned above, which are proven to be available on the device somehow. (As png files perhaps, or even svg?)
What fonts are installed on the Gear S2? In /usr/share/fonts, I see Chococooky, Cooljazz and Rosemary, in addition to BreezeSans. But TizenSans is presumably in /system/fonts, which is inaccessible to me. Is NotoColorEmoji.ttf there? What else? How can I install a file in /usr/share/fonts, since my attempts to push it with the IDE failed?
So how can I consistently display color emoji in a web app? I would prefer to avoid packaging the whole 9 MB font with my app, but if that is the only way, I will appreciate pointers to methods tested to work with the S2.