Подключаю шрифт, в папке с проектом имеет такой вид и на сайте он работает
@font-face {
font-family: 'alte_haas_groteskbold';
src: url('../fonts/altehaasgroteskbold-webfont.woff2') format('woff2'),
url('../fonts/altehaasgroteskbold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
После того как собрал проект gulp`пом он имеет вид и шрифт на сайте не работает
@font-face{
font-family:alte_haas_groteskbold;
src:url(../../fonts/altehaasgroteskbold-webfont.woff2) format('woff2'),
url(../../fonts/altehaasgroteskbold-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
Сам плагин gulp
var concatCss = require('gulp-concat-css');
let cleanCSS = require('gulp-clean-css');
gulp.task('css', function () {
return gulp.src('sourse/css/*.css')
.pipe(concatCss("css/style.css"))
.pipe(cleanCSS({
compatibility: 'ie8'
}))
.pipe(gulp.dest('ready'));
});
В чем может быть проблема?
Проблема в неправильном названии папки fonts в папке ready. И нужно избавиться от лишнего "../" в font-face после сборки.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Надо сделать так, чтобы ячейки одного цвета не встречались вместе слева направо
При запуске React приложения через открытие indexhtml - белый экран
Я сделал форму отправки, но в ней есть две строки на jqueryНе могу переделать, помогите