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

Question

我有一个全局 scss 文件，其字体为：

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

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

此处不被视为解决方法的最佳解决方案是什么？

谢谢

Answer 1

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

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

Import SCSS file with font url into different scss files with different folders level