Glyph Inspector

Upload any OTF, TTF, WOFF, or WOFF2 font and zoom into individual glyphs. Visualize bezier curves, on/off-curve control points, and full typography metrics - all processed locally in your browser.

Bezier control points Ascender · descender · x-height OTF · TTF · WOFF · WOFF2

Drop a font file here

OTF · TTF · WOFF · WOFF2 supported

Your font never leaves your browser - 100% local processing.

Loading font…

👈
Click any glyph in the grid to inspect it
← → arrow keys to navigate
Glyph / ← → keys to navigate
Legend
On-curve point Off-curve handle Handle stem Baseline Ascender Descender x-height Cap height
no outline
Advance Width
Left Bearing
Right Bearing
Bounding Box
Units per Em
🔍
Select a glyph to see metrics

How It Works

1

Drop a font

Drag any OTF, TTF, WOFF, or WOFF2 file onto the drop zone. No server, no account - everything runs in your browser.

2

Click any glyph

Browse the full glyph grid including ligatures, symbols, and OpenType alternates. Click any cell to load it into the inspector.

3

Inspect & zoom

Toggle fill, control points, and metric lines. Zoom to 400% to see fine outline details. Use ← → keys to step through glyphs.

On-curve vs off-curve points

Digital fonts use bezier splines to describe outlines. Red circles are on-curve points - the path passes through these. Indigo squares are off-curve handles that bend the curve without the path touching them. TrueType fonts (TTF) use quadratic beziers (one handle per segment); CFF/OTF fonts use cubic beziers (two handles per segment).

100% Private

Your font is read by the browser's FileReader API and parsed locally by opentype.js. Nothing is uploaded to any server.

Supported formats

OTFCFF cubic beziers
TTFTrueType quadratic beziers
WOFFWeb Open Font Format
WOFF2Compressed WOFF (limited)

WOFF2 uses Brotli compression; some WOFF2 files may not yield full outline data.

Also in Font Tools →
Font Viewer
Type tester, waterfall, full character map
Also in Font Tools →
Font Converter
Convert OTF ↔ TTF · WOFF · WOFF2