Font Viewer: Preview TTF, OTF, WOFF2 and Installed Fonts

Browser 130

Font Viewer max 50MB

Inspector developer/font-viewer

Font Viewer

Developer Tools · Your fonts stay on this device

Preview the fonts on this device and the font files you add, in your own text, and see what each file declares. Nothing is uploaded.

MIXED
50MB max
batch
0 B out

Font Viewer

Overview

Type your own text and see it set in every font on this device and every font file you add. Open one to see its styles, variable axes, OpenType features, a waterfall of sizes and every glyph, with outlines and metrics read from the font's own tables. The viewer shows which characters of your text a font lacks, what the file declares about embedding and its licence, and lets you compare up to four fonts. Fonts and text stay on your device.

Check a client's font fileDrop the WOFF2 a client sent and see whether it has the characters your copy needs and what it declares about embedding.
Set a headline in your own wordsType the headline once and see it in every font on this device.
Try a variable fontDrag each axis, land on the named instances and see which letters each OpenType feature changes.
Choose between a few fontsPin up to four and compare them in the same text and size.

Key features

Your text set in every font, at the size and view you choose
Fonts installed on this computer (Chrome and Edge on a desktop), font files you add and the browser's own faces
TTF, OTF, WOFF and WOFF2, recognised by their contents and kept on this device in My files
Variable axes with their named instances, and the OpenType features each font really has
Every glyph, with its outline and metrics read from the font's tables
Missing characters for your text, and the embedding permission and licence as the file states them
Compare up to four fonts in the same text and size

Set

Developer Tools 10

Neighbours

01 Email Viewer & Editor 02 Spreadsheet Viewer & Editor 03 CSS Grid Generator 04 SQLite Database Viewer & Editor 05 Favicon Generator 06 Flexbox Generator

Specification

Command: developer.font_viewer
Set: Developer
Input: MIXED
Output: —
Max file: 50MB
Batch: yes

TTF OTF WOFF WOFF2 FONT-WOFF FONT-WOFF2 X-FONT-TTF VND.MS-OPENTYPE

Runtime

Engine: CodeMirror 6 · native
Threads: single
Isolated: —
WebGPU: —
Memory: —

Transport 0 B

Your file is opened, worked on and saved inside this tab. This tool has no upload step, so your file has nowhere else to go.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

How it works

Type your text

The sample field sets every font in the list. Leave it empty to see each font's own name.

Add fonts or list the installed ones

Drop TTF, OTF, WOFF or WOFF2 files anywhere on the page, or in Chrome and Edge choose Show fonts on this computer.

Open a font

See its styles, axes, features, sizes and every glyph. The This file tab in the side panel shows what the file declares.

Compare

Pin up to four fonts and choose Compare.

Frequently asked

Are my fonts or my text uploaded?

No. Fonts you add are read in your browser and kept in its private storage on this device, so they are there next time. Your text stays on the page. Remove a font with the × on its row.

Which font files does it open?

TTF, OTF, WOFF and WOFF2, including variable fonts. A file is recognised by its contents, so a WOFF2 named .ttf still opens. Font collections (.ttc and .otc) are not supported yet.

Why can't I see the fonts installed on my computer?

Listing installed fonts needs the Local Font Access API, which Chrome and Edge have on a desktop. Other browsers and phones don't let pages list fonts. There you can type a font's name to try it.

What does a missing character mean?

The font has no glyph for it, so the browser drew it in another font. The viewer counts missing characters per font and underlines them in the specimen.

Does the embedding line mean I may use a font commercially?

No. It repeats what the file declares in its OS/2 table. The licence that applies is the one you agreed to. The licence text and link shown are what the file itself states.

Where do the outlines and metrics come from?

From the font file's own tables, read in your browser. Outlines of some variable WOFF2 files can only be shown at the font's default, and the caption says so.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

Show this on tools I haven't used