Astro Js @font-face import 构建错误替换
我正在构建一个 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');
}
有人遇到过这个问题并且知道如何解决吗？
I'm building an Astro Js project, I wan't to import a css file (for icons) from a dependency which include their own font files :
// @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");
}
When building I have a replacement which is not including the font file in the dist folder, the compiled 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');
}
Does anyone had this issue and know how to resolve it ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果
icons.ttf位于公共文件夹内，则 url 应为：url("/icons.ttf")基本上，您需要删除点，以便它定位公共文件夹文件夹而不是包含 CSS 文件的文件夹。
If
icons.ttfis inside the public folder, the url should be:url("/icons.ttf")Basically you need to remove the dot so it target the public folder instead of the folder where you have the CSS file.