Пустой квадрат пытается использовать FontAwesome с Gulp - PullRequest
Новая
       5

Пустой квадрат пытается использовать FontAwesome с Gulp

0 голосов
/ 12 января 2020

Мне очень трудно заставить шрифт работать с Gulp. Я следил за документами и многими статьями здесь, но все, что я могу видеть, это пустой квадрат. Не совсем уверен, что я делаю не так. Я также попытался добавить значки в html, но это тот же результат. Спасибо за любую информацию, которую вы можете дать. 

`npm install --save-dev @fortawesome/fontawesome-free `

main.s css

$fa-font-path: "../../node_modules/@fortawesome/fontawesome-free/webfonts";
@import '../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome';
@import "../../node_modules/@fortawesome/fontawesome-free/scss/solid";

.header__info__contact__item {
  @extend %fa-icon;
  @extend .fas;

  &:before {
    content: fa-content($fa-var-user);
    display: block;
  }
}

Все файлы шрифтов были скопированы в dist / fonts

gulpfile 

gulp.task('icons', function() {
    return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
        .pipe(gulp.dest('dist/fonts/'));
});
...