laravel elixir fonts

Fontes de ícone de elixir de Laravel

Este é um invólucro simples de Gulp-iconfont e Gulp-iconFont-CSS para o Laravel Elixir.

Instalar

Instale este pacote sobre o NPM.

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

Exige -o no seu gulpfile.js e use -o.

 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' } } ) ;

} ) ; 

Como fazer

Se você executar mix.fonts() sem parâmetros, ele procurará todos os arquivos SVG em resources/assets/svg (pastas incluídas).

A saída do arquivo icons.css está em resources/assets/css . A saída de suas fonts está em public/assets/fonts .

Esses são os caminhos padrão, eles podem ser substituídos por elixir.config.assetsPath e elixir.config.css.outputFolder ou por opções de aprovação. Consulte o arquivo de configuração do Elixir para obter mais opções.

Opções

Opções padrão

 {
	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/'
	}
}