Использование шрифта смайлика в 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");
}