如何允许用户上传自己的字体文件并应用它？

Question

我希望用户能够上载自己的字体文件（.ttf，.otf，.ttc）并将其应用于文本区域。只能是.ttf，.otf ....文件。

我试过了，但是我的代码不起作用，我也不知道为什么？

https://jsfiddle.net/fy1ca3xe/

if (file.type.endWith('.ttf') || file.type.endWith('.ttc') || file.type.endWith('.otf'))
{
   var junction_font = new FontFace('Junction Regular', 'file');
   var text = document.getElementById('inputText');
   text.style.fontFamily = 'junction_font';
}