Estoy tratando de cargar fuentes dinámicamente para mi proyecto. No entiendo por qué estoy recibiendo este error.

"No se puede encontrar el nombre 'FontFace'. TS2304"

El siguiente es el código para su referencia:

 const loadFont = (name: string, source: string) => { const font = new FontFace(name, `url(${source})`); font .load() .then(function (loadedFont: any) { document.fonts.add(loadedFont); document.body.style.fontFamily = name; }) .catch(function (error) { console.log(error); }); };