Html 在chrome中使用表情符号字体

我一直在寻找一种在我正在制作的网页上用Chrome显示表情符号的方法。我找到了这个链接：github.com/MorbZ/OpenSansEmoji，它提供了一个.odf文件。我希望那个字体能用，所以我把那个文件和其他文件放在一起。我试图定义一种自定义字体，然后使用表情符号，但没有成功。对其他工作字体/方法有什么想法或建议吗？代码： HTML:

CSS:

---

您是否从.odt文件生成了.otf文件？怎样字体是否适用于简单的静态HTML文件？您是否确实将创建的

div

元素添加到文档中？当你在浏览器的网络日志中检查这个时，文件是否被加载？我想出来了。您可以使用Twitter的开源表情转换器：

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)

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