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

EyeCon.ro

Get The Source

on GitHub

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