laravel elixir fonts

Polices d'icônes de l'élixir Laravel

Ceci est un simple gulp-iconfont et gulp-iconfont-css wrapper for Laravel Elixir.

Installer

Installez ce package sur NPM.

npm install laravel-elixir-fonts --save-dev

Exiger de votre gulpfile.js et utilisez-le.

 var elixir = require ( 'laravel-elixir' ) ;

require ( 'laravel-elixir-fonts' ) ;

elixir ( function ( mix ) {

  mix . fonts ( [ elixir . config . assetsPath + '/svg/**/*.svg' ] , elixir . config . publicPath + '/fonts/' , { font : { fontName : 'my_icons' } } ) ;

} ) ; 

Comment

Si vous exécutez mix.fonts() sans paramètres, il recherche tous les fichiers SVG dans resources/assets/svg (dossiers inclus).

La sortie du fichier icons.css est en resources/assets/css . La sortie de vos fonts est en public/assets/fonts .

Ce sont les chemins par défaut, ils peuvent être écrasés par elixir.config.assetsPath et elixir.config.css.outputFolder ou par options de passe. Voir le fichier de configuration d'Elixir pour plus d'options.

Options

Options par défaut

 {
	font: {
		normalize: true,
		fontName: fontName, // required
		prependUnicode: false, // recommended option
		formats: ['ttf', 'eot', 'woff', 'woff2', 'svg'], // default, 'woff2' and 'svg' are available
		timestamp: runTimestamp // recommended to get consistent builds when watching files
	},
	css: {
		fontName: fontName,
		targetPath: '../../' + elixirConfig.assetsPath + '/' + elixirConfig.css.sass.folder + '/' + fontName + '.scss',
		fontPath: '../fonts/'
	}
}