使用非表情符号版本的unicode字符(highcharts和plainhtml)

请参考这个jsfiddle.

它包括文本,包括高图表和外部文本,其中文本包含此页面中显示的"太阳"字符.我还包括有和没有变异选择器的变体(也见这里),看看他们有什么不同.

在highcharts之外:

Embedded: &＃x263C; &＃x263C;&＃xFE0E; &＃x263C;&＃xFE0F;
symbols.innerHTML = '
Added: \u263C \u263C\uFE0E \u263C\uFE0F
';

在highcharts里面:

title: {
    text: 'In highcharts: \u263C \u263C\uFE0E \u263C\uFE0F'
},

现在,它似乎取决于您查看这个jsfiddle的浏览器是关于您是否获得了太阳符号的彩色表情符号版本,或者是纯文本黑色版本......甚至是两个版本!

例如,在Windows桌面上的Chrome中,您可以获得普通版本:

...在Android 7上的Chrome中,您可以使用part-plain和part-emoji:

我真的不喜欢表情符号版本的风格完全不受我的控制,特别是当风格与页面的其余部分发生可怕的冲突时(例如,太阳符号是亮橙色,等效月亮符号是亮蓝色).

因此,我想强制页面在所有上下文中的所有浏览器上使用普通版本 ......任何想法如何？

不得不求助于使用图像似乎是完全疯狂的,因为我希望符号具有与周围文本相同的外观,包括文本颜色(用户可以随意更改).并不是UTF-8意味着是字符编码而不是表情符号编码？我对可爱的表情符号本身没有任何反对意见,但仅限于正确的情境.