laravel-elixir-fonts
v0.1.4
Published
This is a simple gulp-iconfont wrapper for Laravel Elixir
Downloads
20
Maintainers
Readme
Laravel Elixir Icon fonts
This is a simple gulp-iconfont and gulp-iconfont-css wrapper for Laravel Elixir.
Install
Install this package over npm.
npm install laravel-elixir-fonts --save-dev
Require it in your gulpfile.js
and use it.
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' } });
});
How To
If you run mix.fonts()
without parameters, it looks for all SVG-Files in resources/assets/svg
(folders included).
The output of the icons.css
file is in resources/assets/css
.
The output of your fonts
is in public/assets/fonts
.
These are the default paths, they can be overwritten by elixir.config.assetsPath
and elixir.config.css.outputFolder
or by pass options. See the config file from elixir for more options.
Options
Default options
{
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/'
}
}