Импорт файла SCSS с URL-адресом шрифта в разные файлы 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, он разрешается браузером только при загрузке шрифта.Поэтому единственное требование к вам - иметь правильный URL для шрифта относительно CSS , а не SCSS.

Вы можете, например, использовать абсолютный URL (начиная с /), если это приемлемое решение.