https://github.com/netbek/punchcutter
Build web fonts, glyphs and sprites
https://github.com/netbek/punchcutter
eot font icon node node-js png sprite svg ttf web-font woff woff2
Last synced: 7 months ago
JSON representation
Build web fonts, glyphs and sprites
- Host: GitHub
- URL: https://github.com/netbek/punchcutter
- Owner: netbek
- License: agpl-3.0
- Created: 2016-12-26T10:57:56.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2025-02-25T13:58:19.000Z (8 months ago)
- Last Synced: 2025-03-16T12:11:45.765Z (7 months ago)
- Topics: eot, font, icon, node, node-js, png, sprite, svg, ttf, web-font, woff, woff2
- Language: JavaScript
- Homepage:
- Size: 3.54 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Punchcutter [](https://circleci.com/gh/netbek/punchcutter)
Build web fonts, glyphs and sprites.
## Installation
### Ubuntu 18
1. Install system dependencies:
```shell
sudo apt-get install fontforge g++ graphicsmagick pngquant ttfautohint
```
2. Install Node 18.x:
```shell
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
source ~/.bashrc
nvm install v18.16.0
nvm alias default v18.16.0
```
### OS X
1. Install system dependencies:
```shell
brew install fontforge
brew install gcc48 --enable-cxx
brew install graphicsmagick
brew install pngquant
brew install ttfautohint --with-qt
```
2. Install Node 18.x:
```shell
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
source ~/.bashrc
nvm install v18.16.0
nvm alias default v18.16.0
```
## Usage
### Web fonts
See [examples/web-font.js](https://github.com/netbek/punchcutter/blob/master/examples/web-font.js). Run the example: `cd examples && node web-font.js`
### SVG and PNG glyphs
See [examples/glyph.js](https://github.com/netbek/punchcutter/blob/master/examples/glyph.js). Run the example: `cd examples && node glyph.js`
### JS font
See [examples/js-font.js](https://github.com/netbek/punchcutter/blob/master/examples/js-font.js). Run the example: `cd examples && node js-font.js`
### PNG sprite
See [examples/png-sprite.js](https://github.com/netbek/punchcutter/blob/master/examples/png-sprite.js). Run the example: `cd examples && node png-sprite.js`
### SVG sprite
See [examples/svg-sprite.js](https://github.com/netbek/punchcutter/blob/master/examples/svg-sprite.js). Run the example: `cd examples && node svg-sprite.js`
## Credit
Test font: [Ionicons](https://github.com/driftyco/ionicons) (MIT license)
## License
Copyright (c) 2016 Hein Bekker. Licensed under the GNU Affero General Public License, version 3.