Estoy tratando de cargar fuentes dinámicamente desde el directorio de activos en Vue 3 (Typescript) usando Vite. Pero todo resulta en un error 404.

 const fonts = import.meta.glob('@/assets/fonts/*.otf') console.log(fonts) async function loadFonts() { for (const path in fonts) { const fontName = path.split('/')[3].split('-')[0] console.log(fontName) const myFont = new FontFace(fontName, `url('${path}')`) await myFont.load() document.fonts.add(myFont) console.log(myFont) } } loadFonts()