laravel elixir fonts

Laravel Elixir 아이콘 글꼴

Laravel Elixir의 간단한 Gulp-Iconfont 및 Gulp-Iconfont-CSS 래퍼입니다.

설치하다

이 패키지를 NPM에 설치하십시오.

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

gulpfile.js 에 필요하고 사용하십시오.

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

} ) ; 

방법

매개 변수가없는 mix.fonts() 실행하면 resources/assets/svg 에서 모든 SVG 파일을 찾습니다 (폴더 포함).

icons.css 파일의 출력은 resources/assets/css 에 있습니다. fonts 의 출력은 public/assets/fonts 입니다.

기본 경로는 elixir.config.assetsPath 및 elixir.config.css.outputFolder 또는 패스 옵션에 의해 덮어 쓸 수 있습니다. 더 많은 옵션은 Elixir의 구성 파일을 참조하십시오.

옵션

기본 옵션

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