Question

我的网站有很多CSS资源。

我决定使用gulp来连接所有这些，通过执行以下操作：

gulp.task('concat_style', function() {
  return gulp.src(['./public/adminLTE/bootstrap/css/bootstrap.min.css',
                  './public/adminLTE/dist/css/AdminLTE.min.css',
                  './public/adminLTE/dist/css/skins/skin-red.min.css',
                  './public/stylesheets/font-awesome.min.css',
                  './public/stylesheets/ionicons.min.css',
                  /*and many more*/])
    .pipe(concat('styles.min.css'))
    .pipe(gulp.dest('./public/stylesheets/'));
});

注意：我知道我可以使用通配符表达式引用所有.css文件但是我首先解释的是我的问题是由它们被连接的顺序引起的，所以我引用它们的顺序与它们在非串联版本。

在连接版本中，我收到以下错误：

Failed to decode downloaded font: http://localhost:3000/fonts/glyphicons-halflings-regular.woff2
OTS parsing error: invalid version tag

链接：http://localhost:3000/fonts/glyphicons-halflings-regular.woff2在我使用浏览器访问时有效。

如何解决此错误？

Answer 1

问题在于我使用gulp的默认concat函数连接我的css，并且@import指令需要所需的字体（必须始终位于css文件之上，但是在串联的css文件中间。）

我最终使用gulp-concat-css，它解决了问题

连接所有.css资源后，“无法解码下载的字体”

1 个答案: