Как с помощью gulp сконвертировать из ttf в woff, woff2, eot и svg?

Question

[Сергей Бурдужа]

Я использую scss и bourbone, там есть миксин, который из такого

@include font-face("Roboto", "/assets/fonts/Roboto-Regular.ttf");

разворачивает в это

@font-face
{
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;

    src: url('/assets/fonts/Roboto-Regular.ttf.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Roboto-Regular.ttf.woff2') format('woff2'), url('/assets/fonts/Roboto-Regular.ttf.woff') format('woff'), url('/assets/fonts/Roboto-Regular.ttf.ttf') format('truetype'), url('/assets/fonts/Roboto-Regular.ttf.svg#Roboto') format('svg');
}

теперь осталось автоматизировать конвертацию шрифтов с помощью gulp
Кто поможет разобраться?
Я нашел только конвертацию по-отдельности в svg и woff, а с остальными пока что туго.
Заранее благодарен за ответ.

Answer 1

[Сергей Бурдужа]

Заработало, урааааааааааааа!!!
Вот решение

var fontfacegen = require('fontfacegen');
var map = require('map-stream');

gulp.task('fontgen', function() {
  return gulp.src("./assets/*.{ttf,otf}")
    .pipe(map(function(file, cb) {
      fontfacegen({
        source: file.path,
        dest: './dest/'
      });
      cb(null, file);
    }));
});

Answer 2

[Zbiten]

gulp-fontgen

Comments

[Сергей Бурдужа]

Не конвертируются шрифты

gulp.task('fontgen', function() {
    return gulp.src("src/assets/fonts/*.ttf")
        .pipe(fontgen({
            dest: "./dest/"
        }));
});

После вызова gulp fontgen, почему-то в папке src/assets/fonts не появляется папка dest с конвертированными шрифтами. Или я не то делаю.