Font formats

BMFont string layout

Apply BMFont advances and kerning, then report glyph positions and ink bounds.

Your inputs

Start with an example

Your inputs stay in your browser.

Your result

Example result

How it works

Place code-point glyphs using x/y offsets, apply pair kerning before each glyph and advance by xadvance. Newlines use lineHeight.

A and V each advance 10 pixels; their −2 kerning gives 18 pixels of advance and 15 pixels of visible ink width.

Limits

Text .fnt only; IDs are Unicode code points. No shaping, bidi, ligatures, wrapping, image loading or legacy code-page interpretation. Empty text has zero ink.