将带有字体网址的SCSS文件导入具有不同文件夹级别的不同的scss文件

Question

我有一个带有字体的Global scss文件：

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

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

这里不算是解决办法的最佳解决方案是什么？

谢谢

Answer 1

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

例如，如果可以接受，则可以使用绝对URL（从/开始）。