Font to Bitmap Converter

Game engines, embedded systems, and LED displays require bitmap fonts - rasterized glyph atlases where each character occupies a fixed cell in a sprite sheet. Converting from vector formats (TTF, OTF, WOFF/WOFF2) manually is tedious and error-prone. A misaligned cell grid or incorrect padding value will cause rendering artifacts across every text string in your application. This tool rasterizes any vector font into a single PNG sprite sheet with an accompanying JSON descriptor that maps each Unicode code point to its pixel coordinates (x, y, w, h). It uses the browser Canvas API for rendering, which means anti-aliasing cannot be fully disabled. For strictly 1-bit output, enable the threshold filter - it quantizes each pixel to pure foreground or background based on a configurable alpha cutoff. Note: CORS restrictions on remote servers may block URL-based loading for non-public font hosts.

Each glyph is rendered into a cell of fixed dimensions. The cell size is determined by the maximum advance width and the font metric line height across the entire character set.

The total sprite sheet dimensions depend on the number of glyphs N and the column count cols.

For the optional 1-bit threshold filter, each pixel alpha channel is compared against a cutoff value T (range 0 - 255):

The JSON glyph descriptor maps each character to its sprite sheet coordinates:

Where advanceWidth is the horizontal distance the cursor moves after drawing the glyph (measured via measureText), padding is user-configurable spacing around each glyph, fontSize is the point size in pixels, lineHeightRatio defaults to 1.2, N is total glyph count, and cols is columns per row in the atlas.