Font Slicer

Split an icon font into individual pre-rendered PNGs

Everything in Font Slicer is done client side, in the browser only, with HTML Canvas. There is no server component. Fonts are preloaded into the page then drawn to an off-screen canvas. Then it renders the canvases to PNGs using canvas.toDataURL(). The zip file is generated with the awesome Gzip-JS library

Icon fonts from

Color picker from

Get The Source

on GitHub

Choose your font
Choose your bitmap size:
Start glyph
End glyph
Glyph Color
forcing text