Estoy construyendo un proyecto Astro Js, no quiero importar un archivo css (para íconos) de una dependencia que incluye sus propios archivos de fuentes:
// @icons/dist/.../index.css @font-face { font-family: "font name"; src: url("./icons.ttf") format("truetype"), url("./icons.woff") format("woff"), url("./icons.woff2") format("woff2"); }Al construir, tengo un reemplazo que no incluye el archivo de fuente en la carpeta dist, el css compilado:
@font-face { font-family: 'font name'; src: url(__VITE_ASSET__e6e97650__$_?6cdb7df3dc807c5592752bbd5d1c724e__) format('truetype'), url(__VITE_ASSET__bc194da8__$_?6cdb7df3dc807c5592752bbd5d1c724e__) format('woff'), url(__VITE_ASSET__c837e718__$_?6cdb7df3dc807c5592752bbd5d1c724e__) format('woff2'); }¿Alguien ha tenido este problema y sabe cómo solucionarlo?
Si icons.ttf está dentro de la carpeta pública, la URL debe ser: url("/icons.ttf")
Básicamente, debe eliminar el punto para que se dirija a la carpeta pública en lugar de a la carpeta donde tiene el archivo CSS.