Не подключается шрифт

171
10 августа 2018, 16:30

Подключаю шрифт, в папке с проектом имеет такой вид и на сайте он работает

@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'));
});

В чем может быть проблема?

Answer 1

Проблема в неправильном названии папки fonts в папке ready. И нужно избавиться от лишнего "../" в font-face после сборки.

READ ALSO
помогите с проммисом

помогите с проммисом

код функции qw менять нельзя можно менять только колбек

166
Как сделать, чтобы ячейки одного цвета не встречались вместе слева направо?

Как сделать, чтобы ячейки одного цвета не встречались вместе слева направо?

Надо сделать так, чтобы ячейки одного цвета не встречались вместе слева направо

178
Bundle не работает как статический сайт

Bundle не работает как статический сайт

При запуске React приложения через открытие indexhtml - белый экран

149
Как очистить и удалить блок на чистом javascript?

Как очистить и удалить блок на чистом javascript?

Я сделал форму отправки, но в ней есть две строки на jqueryНе могу переделать, помогите

153