This package has been deprecated

Author message:

This will not update

gulp-svgedit

Install

npm install gulp-svgedit --save-dev

Usage

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

var webfonts = [
	'http://fonts.googleapis.com/css?family=Lato:100'
];

var fontFamilyReplaceInfos = {
	'Helvetica Neue': "'Helvetica Neue', Helvetica, Sans-Serif"
};

var fontWeightReplaceInfos = {
	'Helvetica Neue': '100'
};

gulp.task('svgedit', function () {
	return gulp.src('./svgs/*.svg')
		.pipe(svgedit.importCss(webfonts))
		.pipe(svgedit.replaceFontFamily(fontFamilyReplaceInfos, fontWeightReplaceInfos))
		.pipe(gulp.dest('./output/svgs'))
});

Functions

importCss(cssList)

importCss() is add css @import url() code into your .svg files.

This <text/> is using font-family="Lato". but, "Lato" is not system font.

Added google webfont css links using importCss().

replaceFontFamily(fontFamilyReplaceInfos, [fontWeightReplaceInfos])

replaceFontFamily() is change fontFamily="SomeFont" code in your .svg files.

This <text/> is using font-family="Helvetica Neue". but, "Helvetica Neue" is just only support Mac OSX.

Replaced font family to fontFamily="'Helvetica Neue', Helvetica, Sans-Serif".