Base64 закодировал шрифт OpenType, используя URI данных, который динамически вводит пользователя с компьютера

#base64 #font-face #truetype

#base64 #шрифт-лицо #истинный тип

Вопрос:

Пользователь должен загрузить файл ttf, и я хочу применить этот файл шрифта к тексту, поэтому я использую формат base64 в font-face, но что-то пошло не так, и шрифт текста не изменился

https://jsfiddle.net/Meline222/xmeuqwp4/1/

 var output = document.getElementById('output');
        var f = new FontFace("fingerpaint", `url(data:font/truetype;charset=utf-8;base64,${ret})`);
        console.log(dataURL)
        f.load().then(function(loaded_face) {
             output.style.fontFamily = "fingerpaint";