EmojiOne字体不起作用

Question

我想在我的HTML页面中使用字体EmojiOne显示所有Emojis。 因此，我把课程表情符号给了所有由表情符号组成的div和span。 在我的CSS中，我导入了字体“EmojiOne”并将该字体分配给了Emoji类。

<div class="emoji"></div>

@font-face {
font-family: EmojiOne;
src: url(./emojione-svg.otf);
}
.emoji{
  font-family: EmojiOne, Helvetica, sans-serif;  
}

带有类表情符号的文本没有显示在EmojiOne中，而是显示在Helvetica中。