Astro Js @font-face import build неправильная замена

Question

Я создаю проект Astro Js, я не хочу импортировать файл css (для значков) из зависимости, которая включает свои собственные файлы шрифтов:

      // @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");
}

При сборке у меня есть замена, которая не включает файл шрифта в папке dist, скомпилированный css:

      @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');
}

Кто-нибудь имел эту проблему и знает, как ее решить?

Answer 1

Если icons.ttfнаходится внутри общей папки, URL-адрес должен быть: url("/icons.ttf")

В основном вам нужно удалить точку, чтобы она нацеливалась на общую папку, а не на папку, в которой у вас есть файл CSS.