1.7 KiB
1.7 KiB
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:
- Check you have Sketch last version.
- Open font.sketch file and make your changes.
Rules for the icons:
- Size should have at max 500px of width/height.
- Place the icon accordingly with the grid.
- Icons should be completely black.
- Group the icon if it has several parts.
- Make icons exportable to SVG.
- Name your icon (layer/group) according to the pattern
icon-font_xx_Name, where xx is a unique integer (increase it for each new icon).
When you're done with changes
- Select all the icons, and export them to
app/assets/fonts/icon-font/svgsfolder (option should be visible in the bottom corner in your Sketch app):
- Take into account that
svgsfolder is ignored.
- Open your terminal app and go to the CartoDB root folder.
- Install your node dependencies:
npm install - Now we will generate the new icon fonts + stylesheet. Just run:
./node_modules/.bin/gulp - Check that your
icon-font.css.scssand thecartoIconfonts have been edited:
All done!
Troubleshooting
- Q: "I ran
gulpbut theicon-font.css.scssfile wasn't generated/updated!"
A: Make sure that the foldericon-font/svgscontain the.svgfiles.