本地字体转换 ttf转成woff2格式

各种找线上转换工具,各种下载软件都搞不定,最后发现自己动手分分钟完事~开搞!

1.安装gulp

npm install gulp

2.安装python

地址:https://www.python.org/downloads/windows/
直接下载安装包,双击安装,下一步直到安装完成。

3.安装gulp-ttf2woff2

npm install --save-dev gulp-ttf2woff2

4.新建gulpfile.js文件

var ttf2woff2 = require('gulp-ttf2woff2');
var gulp=require('gulp');

gulp.task('ttf2woff2', function(){
  gulp.src(['fonts/*.ttf'])
    .pipe(ttf2woff2())
    .pipe(gulp.dest('fonts/'));
});
gulp.task('default',['ttf2woff2']);

5.把ttf文件放在同目录下的fonts里面,然后运行gulp
然后开始运行任务
然后耐心的等待,转换就开始了,如果文件较大,可能稍微多等一会。

在这里插入图片描述
我的源文件和生成的新文件放一起了。

这是ttf转woff2,是网页里面内置字体用的,别的转换想来大同小异,找对工具,nodejs一把梭~

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐