fonts - OTS 解析错误 : incorrect file size in WOFF

Question

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

OTS parsing error: incorrect file size in WOFF header

我究竟做错了什么 ？

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