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

Question

我正在使用Symbola作为网络字体在网站上显示表情符号.我从这里下载了Symoba并将.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 及更高版本）。