将带有字体url的SCSS文件导入到具有不同文件夹级别的不同SCSS文件中

我有一个具有字体的全局scss文件：

@font-face {
  font-family: "My Font";
  src: url("../../fonts/my-font.ttf");
}

此Global.scss文件是从不同的scss文件导入的，其中一些文件与全局文件处于同一级别，因此它们可以使用../../fonts/my-font.ttf读取字体文件，但有些文件低于此级别，只能使用以下引用访问字体文件：../../fonts/my-font.ttf

这里什么是不被认为是解决办法的最佳解决方案

---

谢谢

字体url对Sass毫无意义，它只在加载字体时由浏览器解析。因此，您唯一的要求是相对于CSS（而不是SCS）有正确的字体url

---

例如，您可以使用从/开始的绝对url，如果它是可接受的解决方案。

不确定，因此我不会将此作为答案发布，但是，您不能在全局scss文件中导入字体，然后在全局scss中导入其他文件吗？与在othersFont url中导入全局文件不同，它只在加载字体时由浏览器解析，对Sass没有任何意义。因此，您唯一的要求是相对于CSS（而不是SCS）有正确的字体url。例如，您可以使用从/开始的绝对url，如果它是可接受的，则在预处理后添加字体的大部分时间。因此，您的src应该指向已处理文件/文件夹中的文件夹。因此，您的style.css处理的scss文件指向示例：font/my-font.ttf。也可能在处理css时，在构建react应用程序后，您的构建文件夹中只有/css中的1css文件和/font中的字体检查，因此字体应该可以在/font/your-font.ttf'或../font/your-font.ttf上访问。问题是我有20个css文件，我不想在每个文件中添加字体url