OTS 解析错误：WOFF 中的文件大小不正确

Question

当您尝试下载字体 woff 格式时，我收到一个错误：

OTS 解析错误：WOFF 标头中的文件大小不正确

我究竟做错了什么 ？

Answer 1

如果您使用 gulp 或 grunt，忘记将字体格式添加到任务的 src，则可能会发生此错误。

就我而言，这是在使用 gulp-rigger 时发生的，它更改了文件的内容，将其视为 text 。

由于字体文件是二进制格式，因此输出是损坏的文件。

为我修复：

gulp.task('start', function () {
    // with filter by file type (.js or .html)
    gulp.src(['./src/**/*.js', './src/**/*.html'])                 
        .pipe(rigger())
        .pipe(gulp.dest('./target'));
});

反而：

gulp.task('start', function () {
    // all files, iclude fonts .woff
    gulp.src('./src/**/*.*') 
        .pipe(rigger())
        .pipe(gulp.dest('./target'));
});