Font Asset Generator

Generate font assets, i.e., font description file (.fnt) and glyph atlas (distance map in .png) for webgl-operate glyph rendering.

loading
Debug

STEP 1 | Choose an existing font or upload a font.

STEP 2 | Specify the font asset format and charset.

STEP 3 | Customize and tweak glyph atlas.

Font size for the glyph bitmask size used for distance map calculation.
Exponent for a power-of-two factor used to downscale the glyph atlas.
Targeted padding (equal for trbl) in pixel for the down scaled glyph atlas.
Range the distance of each glyphs distance map is normalized to.

STEP 4 | Review and access font assets.

download
download