font-face - EmojiOne 字体不起作用

Question

我想在我的 HTML 页面中使用 EmojiOne 字体显示所有表情符号。因此，我将类 emoji 赋予了由 emoji 组成的所有 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 中显示。