serii81
@serii81
Я люблю phр...

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

Я использую 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, а с остальными пока что туго.
Заранее благодарен за ответ.
  • Вопрос задан
  • 2002 просмотра
Решения вопроса 1
serii81
@serii81 Автор вопроса
Я люблю phр...
Заработало, урааааааааааааа!!!
Вот решение
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);
    }));
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы