Renamed icon_font to icon-font

This commit is contained in:
xavijam 2016-01-18 16:31:43 +01:00
parent b349796ad5
commit 817a4b8545
5 changed files with 6 additions and 6 deletions

View File

@ -3,18 +3,18 @@ var iconfont = require('gulp-iconfont');
var iconfontCss = require('gulp-iconfont-css'); var iconfontCss = require('gulp-iconfont-css');
gulp.task('default', function(){ gulp.task('default', function(){
gulp.src(['./icon_font/svgs/*.svg']) gulp.src(['./icon-font/svgs/*.svg'])
.pipe(iconfontCss({ .pipe(iconfontCss({
fontName: 'cartoIcon', fontName: 'cartoIcon',
path: './icon_font/template.jst.ejs', path: './icon-font/template.jst.ejs',
targetPath: '../scss/icon-font.css.scss', targetPath: '../scss/icon-font.css.scss',
fontPath: '../../fonts/' fontPath: '../../fonts/'
})) }))
.pipe(iconfont({ .pipe(iconfont({
fontName: 'cartoIcon', fontName: 'cartoIcon',
appendCodepoints: true appendCodepoints: true
})) }))
.pipe(gulp.dest('src/fonts/')); .pipe(gulp.dest('src/fonts/'));

View File

@ -38,7 +38,7 @@ How to make changes in the CartoDB icon font
If you want to edit, add or remove any icon in our CartoDB font, you should follow these steps: If you want to edit, add or remove any icon in our CartoDB font, you should follow these steps:
- Check you have [Sketch](http://bohemiancoding.com/sketch/) last version. - Check you have [Sketch](http://bohemiancoding.com/sketch/) last version.
- Open [font.sketch](http://github.com/CartoDB/CartoAssets/blob/master/icon_font/font.sketch) file and make your changes. - Open [font.sketch](http://github.com/CartoDB/CartoAssets/blob/master/icon-font/font.sketch) file and make your changes.
### Rules for the icons: ### Rules for the icons:
- Size should have at max 500px of width/height. - Size should have at max 500px of width/height.
@ -50,13 +50,13 @@ If you want to edit, add or remove any icon in our CartoDB font, you should foll
### When you're done with changes ### When you're done with changes
- Select all the icons, and export them to `app/assets/fonts/icon_font/svgs` folder (option should be visible in the bottom corner in your Sketch app): - Select all the icons, and export them to `app/assets/fonts/icon-font/svgs` folder (option should be visible in the bottom corner in your Sketch app):
- ![screen shot 2015-01-16 at 11 40 36](https://cloud.githubusercontent.com/assets/978461/5774986/93dc90e8-9d74-11e4-8064-a478e55d392b.png) - ![screen shot 2015-01-16 at 11 40 36](https://cloud.githubusercontent.com/assets/978461/5774986/93dc90e8-9d74-11e4-8064-a478e55d392b.png)
- Take into account that ```svgs``` folder is ignored. - Take into account that ```svgs``` folder is ignored.
- Open your terminal app and go to the CartoDB root folder. - Open your terminal app and go to the CartoDB root folder.
- Install your node dependencies: `npm install` - Install your node dependencies: `npm install`
- Now we will generate the new icon fonts + stylesheet. Just run: `./node_modules/.bin/gulp` - Now we will generate the new icon fonts + stylesheet. Just run: `./node_modules/.bin/gulp`
- Check that your `icon-font.css.scss` and the `cartoIcon` fonts have been edited: - Check that your `icon-font.css.scss` and the `cartoIcon` fonts have been edited:
- ![screen shot 2015-01-16 at 11 02 53](https://cloud.githubusercontent.com/assets/978461/5775004/acf10faa-9d74-11e4-893c-790da626d894.png) - ![screen shot 2015-01-16 at 11 02 53](https://cloud.githubusercontent.com/assets/978461/5775004/acf10faa-9d74-11e4-893c-790da626d894.png)
All done! All done!