Как правильно импортировать scss c url?

Есть следующая файловая структура:
styles/
  fonts/
    _fonts.cscc
    font1.woff
  theme.scss


Содержание _fonts.cscc:
@font-face {
	font-family: "font1";
	src: local("font1-Regular"), url("font1.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}


В файле theme.scss импортирую файл fonts/_fonts.cscc:
@import "fonts/_fonts.cscc";

При компиляции не модифицируется путь к ресурсу шрифта:
@font-face {
  font-family: "font1";
  src: local("font1-Regular"), url("font1.woff") format("woff");
  font-weight: 400;
  font-style: normal; }


Раньше юзал LESS, там путь модифицировался в url('fonts/font1.woff')).
Как такая задача решается в SASS/SCSS?

(я использую VS и надстройку Web Essentails)
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ответы на вопрос 1
mtvphnx
@mtvphnx
Двигаю пиксели, играюсь со шрифтами
Пиши пути относительно того места, где будет лежать будущий css.
Например, в следующей структуре:

5b336ccbaffd3540198808.png

В файле main.sass пишу путь к шрифту url('./../fonts/font.woff') format('woff') отталкиваясь от файла main.css

Автоматически эта задача не решается.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы