我在网站上使用unicode表情符号图标，因为它们非常方便（特别是关于数据库存储）。
事实上，每个客户都会以不同的方式呈现它们。我特别不喜欢一些有色的表情符号，因为它们不能很好地融入我的网站的简约设计中。
我看到周围的字体提供了一套非常完整的单色表情符号字符：Symbola，DejaVu，Noto-Emoji。但我发现只有部分和混乱的信息如何使用它们。
由于它很难测试（渲染非常依赖浏览器/平台），我很想知道我是否想出了一个很好的解决方案。
要明确的是，目标是仅使用Noto-Emoji字体作为表情符号。其余的，我想使用我的CSS的其他部分定义的字体。
这是我想出的：
将此添加到我的css：
@ font-face { font-family：＆＃39; NotoEmoji-Regular＆＃39 ;; src：url（＆＃39; NotoEmoji-Regular.ttf＆＃39;）格式（＆＃39; truetype＆＃39;）; unicode-range：U + 1F300-1F5FF，U + 1F600-1F64F，U + 1F680-1F6FF，U + 2600-26FF; } 身体{ 字体家庭：＆＃34; NotoEmoji-经常＆＃34 ;; }
这是否是实现我想要做的事情的正确方法？我有点怀疑，因为它似乎非常简单和非常有用，但我还没有在网上找到完整的例子。
这些是我的担忧：
谢谢！
编辑：
使用以下代码进行测试，它在我的桌面上运行良好（所有图标都是红色且具有一致的样式）。在我的手机上（android 6），＆＃34; eye＆＃34;和＆＃34;工具＆＃34;不是红色的。所有其他图标都运作良好。
{{1}}