Font previewer
Load one or more fonts and render your own text with them. The preview uses the browser's FontFace API against a local blob, which means it is the browser's real text engine doing the work — the same rasteriser, the same hinting decisions, the same OpenType shaping a visitor to your site would get. Compare two fonts side by side, drag variable-font axes, and switch background and foreground colours.
Drop up to three fonts here to preview and compare them.
Rendered by your browser's own text engine from a local blob. Nothing is uploaded.
Files are read and processed in this browser tab. Nothing is uploaded — the page’s Content-Security-Policy blocks connections to any other origin.
Why FontFace rather than a canvas rendering
Drawing glyph outlines onto a canvas produces a picture of the font. Loading it through FontFace produces the font. The difference shows up in hinting at small sizes, in ligatures and contextual alternates supplied by GSUB, and in colour fonts, none of which a naive outline renderer reproduces.
It also doubles as a test: if the browser refuses to load a file through FontFace, that file will not work in your CSS either. Every conversion this site produces is checked this way in the automated browser tests.
Related
Inspector
Read everything inside a font file in your browser: family and PostScript names, version, copyright and licence text, OS/2 embedding permissions, variation axes, colour tables and the full table directory.
OpenGlyph coverage
See exactly which characters a font covers, grouped by Unicode block. Paste text to find missing characters before they render as tofu, and export a CSS unicode-range.
OpenWeb-font pack
Turn a font into a deployable web-font pack in your browser: WOFF2 and WOFF files, a correct @font-face rule with unicode-range, a preload snippet and a manifest, all in one ZIP.
Open