如何为表情符号构建一个可靠的CSS字体堆栈？

Question

我正在使用Symbola作为网络字体来显示网站中的表情符号。 我downloaded Symoba from here并将.ttf转换为woff。

我的字体堆栈如下所示：

.inner-message{
  font-family: 'open_sanslight', 'symbola', 'helvetica neue', 'arial', sans-serif;
}

我想明确定位iOS和Android中的表情符号字体作为此CSS的一部分。 这些看起来比Symobla更具吸引力，因为它们提供了混合色彩。 类似的东西：

.inner-message{
  font-family: 'open_sanslight', 'iOS emoji', 'android emoji', 'symbola', 'helvetica neue', 'arial', sans-serif;
}

其中真实姓名用于iOS和Android表情符号字体。我需要编写什么css规则才能明确定位我想要的字体？

Answer 1

真实字体是 AppleColorEmoji.ttf 或 Apple Color Emoji.ttf 。 Android表情符号是 NotoEmoji.ttf 或 NotoColorEmoji.ttf （Android 4.3及更高版本）和 AndroidEmoji.ttf （Android 3及更高版本）。