Astro @字体面导入生成错误替换

Question

我正在构建一个Astro项目，我不想从包含自己字体文件的依赖项中导入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文件的文件夹。