Font to PNG Converter

Need a picture of a font — for a font preview, a product listing, a design brief, a forum post or to check how a downloaded typeface looks before installing it? This tool loads a TTF, OTF, WOFF or WOFF2 file into the page and renders your text, a full character grid or a size waterfall to a PNG, with any colour and a transparent or solid background. It also reads the font's family, style, version and glyph count, and lists characters the font does not contain.

How to use this tool

1. Choose one or more font files, or type the name of a font installed on your device.
2. Pick custom text, a glyph sheet or a waterfall of sizes, and edit the text.
3. Set the font size, colours, background, padding and line height.
4. Download the PNG; several fonts give several images.

Formula

Glyph sheet: cell = 1.5 × font size; columns = 16; width = 2 × padding + 16 × cell; height = 2 × padding + rows × cell. Text: each line is measured with the font's ascent and descent and spaced at line height × size.

The font is loaded with the browser's FontFace API, used only on this page and removed afterwards. Family, style and version come from the font's name table, the glyph count from maxp and the character list from cmap (formats 4 and 12); WOFF tables are decompressed first. WOFF2 is Brotli-compressed, so for those the browser renders the font but the tables cannot be read.

Example

A glyph sheet at 48 px has cells of 48 × 1.5 = 72 px. The 94 printable ASCII characters fill 16 columns and 6 rows, so with 20 px padding the PNG is 2 × 20 + 16 × 72 = 1,192 px wide and 2 × 20 + 6 × 72 = 472 px high. Adding accented Latin letters (188 characters) makes 12 rows: 904 px.