Font File Preview — Upload & Inspect Fonts Before Installing

Drop .ttf, .otf, .woff or .woff2 files to see a live specimen, metadata, and glyph set — no server upload, 100% private. Compare multiple fonts side-by-side and export a PDF specimen sheet.

🔡

Drop font files here or click to browse

Supports .ttf · .otf · .woff · .woff2 · Multiple files OK

How it works

Your font files never leave your device. The tool uses the browser's File API to read font data locally, then opentype.js to parse metadata and render glyph outlines. Dynamic @font-face rules are injected into the page to render live specimen text with the actual font. PDF export uses pdf-lib to embed the raw font binary and typeset specimen pages, all in the browser.

What metadata is shown Family name, style, version string, designer, manufacturer, copyright, glyph count, and Unicode range (if available).

Preview text presets Pangram ("The quick brown fox…"), A–Z uppercase, a–z lowercase, 0–9 digits, common punctuation, or any custom string you type.

PDF specimen sheet One page per font: family name header, specimen at 14/24/48 pt, full printable ASCII glyph set. Embedded as selectable text via pdf-lib's font embedding.

Supported formats .ttf (TrueType), .otf (OpenType/CFF), .woff (Web Open Font Format 1), .woff2 (Web Open Font Format 2). WOFF/WOFF2 are decompressed in the browser before parsing.

Frequently asked questions

Are my font files sent to any server?: No. Everything happens entirely in your browser. The File API reads the binary data locally, opentype.js parses it in JavaScript, and a blob: URL is used to create a temporary @font-face for rendering. Nothing is transmitted. This means the tool also works offline once the page is loaded and the CDN scripts are cached.
Why does my font's glyph count seem higher than expected?: OpenType fonts often contain glyphs beyond the visible Latin set — ligatures, alternate forms, mathematical symbols, currency signs, and language-specific characters. The glyph count reflects all glyph slots defined in the font's glyf or CFF table, including many that have no Unicode mapping (used internally by the shaping engine for ligature substitution, stylistic alternates, etc.). This is normal and does not indicate a problem with the font file.
What is the difference between .ttf, .otf, .woff, and .woff2?: .ttf (TrueType): the original Apple/Microsoft format, widely compatible. Glyph outlines defined with quadratic Bézier curves.
.otf (OpenType): a superset of TTF that can also use PostScript CFF outlines (cubic Bézier). Supports advanced typographic features like ligatures and stylistic sets via OpenType Layout tables.
.woff (Web Open Font Format): a compressed wrapper around TTF/OTF designed for web delivery. Contains the same data but is ~30–40% smaller due to zlib compression.
.woff2 (Web Open Font Format 2): a successor with Brotli compression — typically 30% smaller than WOFF and 50% smaller than the original TTF/OTF. The recommended format for web use today. All four formats carry the same typographic information; the differences are purely in glyph outline format and compression.
Can I compare multiple fonts at the same time?: Yes — drop multiple files at once or add them in batches. Each font gets its own card in the grid. With one or two fonts the view is single- or double-column; with three or more a three-column grid is used (collapsing to one column on narrow screens). All cards share the same preview text and size slider, making it easy to compare rendering side-by-side.
What does the PDF specimen export contain?: Each loaded font gets one page. The page includes the full family name and style as a header, the specimen text rendered at 14 pt, 24 pt, and 48 pt, the complete printable ASCII character set (space through tilde, U+0020–U+007E), and the font version and glyph count as a footer. The font is embedded in the PDF using pdf-lib's embedFont method, so the glyphs are fully selectable and searchable in any PDF viewer.