在chrome中使用表情符号字体

Question

我一直在寻找一种在Chrome浏览器中为我正在制作的网页显示表情符号的方法。我找到了这个链接：github.com/MorbZ/OpenSansEmoji，它提供了一个.odf文件。我希望这个字体可以工作，所以我把那个文件放到了我的其他文件中。我试图定义一个自定义字体，然后使用表情符号，但它没有用。有关其他工作字体/方法的任何想法或建议吗？码： HTML：

var titleDiv=document.createElement("div")
titleDiv.className="titleBox"
var postTitle=document.createElement("p")
postTitle.innerHTML=shout.get("postName");
postTitle.id="postName";
postTitle.style="font-family: EmojiFont";
titleDiv.appendChild(postTitle)

CSS：

@font-face {
    font-family: 'EmojiFont';
    src: url("OpenSansEmoji.otf") format("opentype");
}