Персональные символы (определяемые пользователем символы) не отображаются в браузере Chrome и Firefox

Question

У меня есть веб-приложение, конечные пользователи могут создавать свои собственные шрифты с помощью закрытого редактора символов (EUD C) и сохранять его как «ссылку со всеми шрифтами». Эти шрифты не отображаются в chrome и Firefox. Те же шрифты работают в IE и Edge. Есть ли способ исправить проблему в Chrome и firefox?

Демонстрационная ссылка: https://codepen.io/vulchivijay/pen/ZEGbKBg

<div>
    <textarea id="private_char"></textarea>
</div>
<p charset="UTF-8"></p>
<p>&#129300;</p>
<p>0xF040</p>

body {
    font-family: arial, sans-serif;
}

---

IE rending image

---

Edge rending image

---

Chrome rending image

---

Firefox rending image