@drtvader
Вечный студент

Как подключить иконочный шрифт в scss?

Привет!
Столкнулся с проблемой, не могу настроить иконочный шрифт. Сборка ошибку скидывает, видимо неверный синтаксис.

@font-face {
	font-family: "icons";
	src: url('../fonts/icons.eot');
	src: url('../fonts/icons.eot?#iefix') format('eot'),
		url('../fonts/icons.woff2') format('woff2'),
		url('../fonts/icons.woff') format('woff'),
		url('../fonts/icons.ttf') format('truetype'),
		url('../fonts/icons.svg#icons') format('svg');
}

.icon-base-pseudo {
	font-family: "icons";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	// speak: none; // only necessary if not using the private unicode range (firstGlyph option)
	text-decoration: none;
	text-transform: none;
}

.icon-char(@filename) {
	$close: "\E001";
	$pay-icon-blue: "\E002";
	$pay-icon-orange: "\E003";
	$search: "\E004";
	$sort: "\E005";
	content: @@filename;
}

Что не так? или где посмотреть?
Сборка с less отлично работает, а вот в scss никак настроить не могу.
gulp-iconfont и gulp-iconfont-css установлены.

Скрин ошибки
  • Вопрос задан
  • 581 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы